Design Tools Claude 스킬

Anthropic Brand Styling

Applies official Anthropic brand colors, typography, and visual identity standards to digital artifacts and documents.

Shadcn/UI Component Assistant

Implements and customizes accessible React components using the shadcn/ui design system and Tailwind CSS.

Theme Factory

Styles digital artifacts with professional color palettes and font pairings to ensure consistent visual identity across documents and presentations.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality while avoiding generic AI aesthetics.

Frontend Design

Generates distinctive, production-grade frontend interfaces with a focus on high-quality design and unique aesthetics.

Canvas Design

Produces museum-quality visual designs and artistic compositions by applying rigorous design philosophies and professional-grade craftsmanship.

Component Architect

Generates production-ready UI components with full boilerplate, tests, and documentation across multiple frontend frameworks.

FrankX Brand Standards & Design System

Applies official FrankX brand guidelines, visual identity, and voice to artifacts, content, and communications for independent creators.

Arcanea Design System

Generates futuristic, glassmorphic UI components and consciousness-aligned styling for premium web interfaces.

Frontend Design

Generates distinctive, production-grade frontend interfaces and web components with high aesthetic quality and unique creative direction.

Modern React Development

Builds high-performance web applications using React 19 features, Server Components, and modern state management patterns.

Artifacts Builder

Builds sophisticated, production-grade React artifacts for Claude.ai with shadcn/ui and automated single-file bundling.

shadcn/ui UI Library Management

Accelerates frontend development by implementing accessible, customizable shadcn/ui components using modern React patterns and Tailwind CSS.

Modern Tailwind CSS Design

Streamlines modern web styling with Tailwind CSS v4 using CSS-first configuration and perceptual color spaces.

UI/UX Pro Max

Generates professional UI/UX design systems and implementation guidelines across multiple frontend frameworks.

Vercel Web Design Guidelines

Audits frontend code against Vercel's high-performance web interface standards to ensure accessibility and UX excellence.

Nano Banana Pro

Generates and edits high-quality images using the Gemini 3 Pro Image model directly within your development environment.

UI Patterns & Accessibility Standards

Enforces opinionated, accessibility-first UI patterns and modern styling constraints for high-quality frontend development.

Figma Dashboard UI Components

Generates comprehensive UI component specifications and layouts for professional task management dashboards and user interfaces.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics that avoid generic AI-generated patterns.

Image Enhancer

Enhances image resolution, sharpness, and clarity to create professional-grade visual assets for documentation and social media.

ImageMagick Image Processing

Manipulates, converts, and optimizes images using ImageMagick command-line tools for automated workflows.

Gemini Image Generation

Generates and edits high-resolution images using the Google Gemini API with support for multi-turn refinement and search grounding.

Neuphorism UI Design System

Generates elegant, tactile user interfaces using the Neuphorism design system's soft shadow and light simulation aesthetic.

TUI Designer

Design and implement authentic retro-futuristic, cyberpunk, and terminal-style user interfaces across React, SwiftUI, and CSS.

Pixel Pusher UI/UX Designer

Transforms vague UI requirements into professional, production-ready web interfaces through a structured design system and iterative refinement process.

React Form Expert

Builds type-safe, performant React forms using TanStack Form and Zod validation patterns.

React DnD Kit Patterns

Implements robust drag-and-drop functionality using @dnd-kit for seamless item reordering in React applications.

React 19 Patterns

Implements modern React 19 architecture including the React Compiler, Server Actions, and enhanced state management hooks.

Design History & Movements

Provides historical design context and implementation patterns for creating aesthetically grounded brand identities and UI styles.