Design Tools Claude 스킬

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on bold aesthetics and creative implementation to avoid generic AI-generated styles.

UX Psychology & Frontend Concepts

Applies established psychological principles and UX laws to frontend design to create intuitive, high-performing user interfaces.

React Logic & State Architect

Builds scalable React SPAs using external state management and declarative UI patterns.

PopKit UX Assessment

Evaluates user experience for PopKit plugins using standardized heuristics, command naming audits, and interaction pattern validation.

React Artifacts Builder

Constructs sophisticated, multi-component React artifacts for Claude.ai using modern frontend stacks and professional UI libraries.

Cross-Platform UI Design Guide

Enforces professional, minimal UI design standards across SwiftUI, Android, and web platforms using a standardized 8px grid system.

Zero One Theme & UIkit Patterns

Accelerates Kirby CMS frontend development using UIkit 3 patterns and Zero One theme customization snippets.

Boost Union Theme Configurator

Configures and customizes Moodle themes based on the Boost Union framework through SCSS overrides and child theme development.

Cloodle Design System Tokens

Manages and applies consistent design system values across platforms using a specialized token mapping system for Moodle themes.

Chrome Extension UI Patterns

Provides standardized UI patterns and boilerplate code for building accessible, responsive Chrome Extension interfaces.

Canvas Design

Generates museum-quality visual art and design assets through a structured philosophical framework.

Anthropic Web Frontend Designer

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

Shadcn Aesthetic

Generates modern, accessible CSS and SCSS code based on the clean, minimal shadcn/ui design system.