Design Tools Claude 스킬

Web React & Apollo Patterns

Enforces best practices for vanilla React development and Apollo Client state management to ensure clean, maintainable code.

Vanilla Web CSS & Design Tokens

Implements scalable vanilla CSS architectures using native design tokens, BEM naming conventions, and mobile-first responsive patterns.

Vercel React Best Practices

Optimizes React and Next.js applications using performance guidelines and implementation patterns from Vercel Engineering.

Frontend Implementation Patterns

Standardizes modern React development by providing production-ready patterns for components, hooks, and state management.

SCSS Pattern Discovery

Analyzes existing SCSS and CSS codebases to identify variables, mixins, and utility classes for consistent styling.

Favicon Generator

Generates production-ready, cross-platform favicons from logos, text, or brand colors to ensure a professional web presence.