Design Tools Claudeスキル

Laravel Blade Expert

Generates robust Laravel Blade templates and reusable UI components using modern best practices and clean architecture patterns.

Canvas Design & Visual Philosophy

Generates museum-quality visual art and design philosophies using sophisticated aesthetic principles and expert-level craftsmanship.

Hand-Drawn Technical Art

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

Canvas Design & Visual Arts

Generates museum-grade visual art and design philosophies for high-fidelity PDF and PNG assets.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking and precise execution.

Frontend Design Pro

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

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.

Premium Landing Page Designer

Designs high-converting, professional landing pages using premium aesthetic principles and conversion psychology to avoid generic AI-generated looks.

Korean UX Writing (SideDish Style)

Crafts professional Korean UI text and culinary-themed copy tailored for the SideDish project ecosystem.

Google Media Gen

Generates high-quality images and videos using Google GenAI models like Imagen and Veo directly within Claude.

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.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, color palette, and typography to generated artifacts and documents.

San Watsadu Brand Styling

Applies official San Watsadu brand colors, typography, and design standards to digital artifacts and UI components.

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.

Motion React Animations

Creates high-performance, declarative React animations for sophisticated user interfaces and interactions using the Motion library.

Template Frontend Architect

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

Repo Logo Generator

Generates professional, transparent-background repository logos using AI and programmatic chromakey technology.

AI Image Generator

Generates and edits high-quality AI images using advanced models like Gemini and Seedream directly within your terminal.

Shadcn UI Manager

Streamlines the integration and management of Shadcn UI components using official CLI patterns and architectural best practices.