Design Tools Claudeスキル

Canvas Design Studio

Generates museum-quality visual art and design philosophies through systematic aesthetic frameworks and master-level craftsmanship.

Algorithmic Art & Generative Design

Creates sophisticated, gallery-quality generative art using p5.js through custom algorithmic philosophies and interactive parameter exploration.

Frontend Development Pro

Accelerates web development by enforcing modern standards for Next.js, TypeScript, and Tailwind CSS applications.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, colors, and typography to digital artifacts and presentations.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality that avoids generic AI aesthetics.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude using shadcn/ui and modern frontend stacks.

Theme Factory

Applies professional design systems, color palettes, and typography to documents, slide decks, and HTML artifacts.

Brand Identity & Voice Guidelines

Manages brand voice, visual identity, and consistency across products and communications.

Image Enhancer

Enhances the quality of images and screenshots by improving resolution, sharpening details, and reducing compression artifacts.

Hand-Drawn Technical Art

Generates technical diagrams and editorial illustrations with a consistent Excalidraw-inspired hand-drawn aesthetic in dark mode.

Frontend Design Pro

Generates distinctive, production-grade web interfaces with high-fidelity aesthetics that transcend generic AI design patterns.

Experience Designer

Transforms product requirements into comprehensive interaction specifications, covering every user flow, state transition, and edge case.

SDD Design Orchestrator

Coordinates specialized design skills to create comprehensive, conflict-free software design documents.

Dify React Component Refactorer

Refactors high-complexity React components into maintainable, modular units using automated complexity analysis and standardized design patterns.

Web Interface Design Guidelines Reviewer

Audits user interface code for compliance with professional web design, UX, and accessibility standards.

Web Interface Guidelines Auditor

Audits frontend code for compliance with Vercel's Web Interface Guidelines and accessibility best practices.

Web Design Guidelines Auditor

Audits frontend code against Vercel's Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

Web Design Guidelines Auditor

Audits frontend code for compliance with professional web interface guidelines and accessibility standards.

Frontend Engineer

Builds production-ready React interfaces and state-driven components based on design specifications and API contracts.

React Component Patterns

Implements standardized React component patterns and hooks to build maintainable, reusable, and scalable frontend architectures.

BIM Verdi UI Design System

Generates high-fidelity WordPress frontend components and pages following the specific BIM Verdi enterprise-calm design system.

Admin CRUD Generator

Generates full-featured admin dashboard interfaces with data tables, forms, and bulk action capabilities.

Changelog Infographic

Transforms structured changelog summaries into professional, shareable infographic PNG images for visual version updates.

UI/UX Pro Max

Provides comprehensive design intelligence to plan, build, and optimize high-fidelity, aesthetic frontend interfaces across multiple frameworks.

Notification UI Components

Implements interactive notification systems featuring bell icons, unread badges, and polished dropdown panels.

Sandhya Frontend Designer

Creates distinctive, research-backed frontend interfaces with a focus on high-quality UI/UX craft and aesthetic excellence.

Typography & Text Effects

Enhances web interfaces with responsive typography, animated headers, and interactive text micro-animations.

Template Frontend Architect

Implements type-safe frontend components and state management patterns using React, TanStack Query, and Zustand within a monorepo architecture.

Frontend Architecture Patterns

Implements industry-standard architectural patterns and best practices for modern frontend frameworks including React, Vue, Svelte, and Angular.

Design System Compliance Checker

Audits frontend code for design system violations, WCAG 2.2 accessibility compliance, and W3C design token standards.