Design Tools Claude 스킬

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend stacks and single-file bundling.

Frontend Design

Orchestrates Tailwind UI, shadcn/ui, and Radix UI to build production-grade, accessible React interfaces with consistent styling.

Tailwind UI Components

Accelerates frontend development by providing instant access to over 600 professional, accessible Tailwind UI templates for common web patterns.

Bubbletea TUI Development

Builds sophisticated terminal user interfaces using the Go Bubbletea framework and Lipgloss styling with production-ready patterns.

Motion Interaction Designer

Designs purposeful, performant UI animations and interactive experiences using Framer Motion for React and Next.js.

shadcn/ui Component Library

Builds beautiful, accessible React components using Tailwind CSS and Radix UI primitives with a copy-and-paste philosophy.

Vue.js Best Practices

Implements modern Vue 3 Composition API patterns and performance optimizations for high-quality frontend development.

Symfony CSS Component Architect

Generates modular, BEM-compliant CSS and SCSS styles for UI components within Symfony StarterKit projects.

Symfony Twig Template Generator

Generates standardized, translation-ready Twig templates and partials for Symfony StarterKit projects.

Frontend Style Guide

Enforces brand consistency and professional UI/UX patterns across desktop and mobile interfaces.

Grafix Artwork Orchestrator

Streamlines the creation, rendering, and iterative refinement of algorithmic artwork using the Grafix engine.

Grafix Generative Art Studio

Generates and refines Python-based Grafix sketches while providing headless PNG export for rapid visual iteration.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidelines across 9 technology stacks.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidance for professional-grade web and mobile interfaces.

Frontend Context Loader for Cookmate

Streamlines frontend development by providing immediate access to Next.js app structures, shared layouts, and UI patterns within the Cookmate repository.

UI/UX Design Wizard

Accelerates the UI/UX design workflow by generating responsive, accessible components and integrating seamlessly with Figma.

Modern Browser API Integrator

Implements native web capabilities using modern browser APIs to reduce bundle size and optimize frontend performance.

TanStack Router Expert

Implements type-safe, file-based React routing while proactively preventing common TanStack Router implementation errors.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous attention to detail.

Frontend Design Engine

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

Creative Frontend Design & UX

Transforms basic code into visually stunning, high-impact user interfaces using bold aesthetic principles and advanced spatial layouts.

AI SDK React UI Hooks

Streamlines the development of React-based AI chat interfaces using Vercel AI SDK v6 with robust error handling and tool integration patterns.

Frontend Design System

Generates sophisticated and unique frontend UI designs that avoid generic AI aesthetics by applying professional design principles and custom styling guidelines.

AutoAnimate Professional

Implements zero-config animations across major frontend frameworks while automatically resolving common SSR, React 19, and layout-shifting errors.

React Hook Form & Zod Validation

Streamlines the creation of type-safe, performant forms using React Hook Form v7 and Zod schema validation.

UI/UX Pro Max

Provides specialized UI/UX design intelligence, accessibility guidelines, and multi-stack implementation patterns for high-quality frontend development.

Flow Optimization UX

Optimizes user interfaces and workflows to protect user immersion and minimize cognitive load through evidence-based design patterns.

Artisan Frontend Design

Creates distinctive, production-grade frontend interfaces with high-end aesthetic quality and polished code.

UI/UX Pro Max

Generates professional UI/UX design systems and production-ready frontend code across nine modern technology stacks.

Standard UI Component Builder

Generates standardized UI components using the RNBT architecture and Pub/Sub data patterns.