Design Tools Claude 스킬
design tools Claude 스킬을 발견하세요. 46개의 스킬을 탐색하고 AI 워크플로우에 완벽한 기능을 찾아보세요.
UI Analyzer
Transforms UI design screenshots into production-ready React components with TypeScript and Tailwind CSS.
React Component Generator
Generates production-ready React components using TypeScript, Tailwind CSS, and Zustand state management following industry best practices.
AI Icon Finder
Sources and downloads high-quality brand icons for AI models and providers directly within Claude Code.
UI Designer
Extracts design systems from reference images and generates implementation-ready UI code for React applications.
Web Asset Generator
Generates production-ready favicons, PWA app icons, and Open Graph social media images from logos, text, or emojis.
Bubbletea TUI Documentation
Accesses Bubbletea TUI framework documentation and Go implementation examples for building interactive terminal interfaces.
Frontend Design
Generates production-grade, visually striking frontend interfaces that avoid generic AI aesthetics through intentional design thinking and bold creative choices.
AutoAnimate Assistant
Implements zero-config animations and prevents common UI transition errors across modern web frameworks like React and Vue.
Motion Animation
Creates sophisticated, hardware-accelerated React animations and gestures using the Motion library.
Tailwind v4 & Shadcn/ui Architect
Implements high-performance Tailwind v4 and shadcn/ui production stacks using advanced CSS variable architecture.
Image Enhancer & Upscaler
Enhances image quality by intelligently upscaling resolution, sharpening edges, and removing compression artifacts for professional use.
Image Quality Enhancer
Enhances the resolution, sharpness, and clarity of screenshots and images to create professional-grade visual assets.
AI Image Generation & Editing
Generates and modifies high-quality visual content, including scientific illustrations and diagrams, using advanced AI models like FLUX and Gemini.
Theme Factory
Styles digital artifacts with professional color palettes and font pairings to ensure visual consistency across documents and presentations.
Frontend Design Pro
Creates distinctive, production-grade frontend interfaces that prioritize high design quality and unique aesthetics over generic AI patterns.
Slack GIF Creator
Generates and optimizes animated GIFs and custom emoji for Slack with built-in validation for platform constraints.
Canvas Design Artistry
Generates sophisticated visual philosophies and translates them into museum-quality posters, art pieces, and digital canvases.
Seed Design Documentation Generator
Generates high-quality Korean component guidelines for the SEED Design System by extracting data from Rootage YAML specifications.
AI Image Generator & Editor
Generates and edits high-quality images, diagrams, and illustrations using advanced AI models like FLUX and Gemini.
React Artifacts Builder
Builds complex, multi-component React artifacts for claude.ai using shadcn/ui and automated single-file bundling.
Slack GIF Creator
Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's strict file size and dimension constraints.
Shadcn UI Management
Streamlines the discovery, installation, and orchestration of shadcn/ui components for building modern web interfaces.
Frontend Design
Generates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI-generated patterns.
Frontend Design
Creates distinctive, production-grade frontend interfaces with high-end aesthetics that move beyond generic AI-generated styles.
Shadcn UI Manager
Streamlines the integration, installation, and management of shadcn/ui components for rapid frontend development.
Slack GIF Creator
Generates and optimizes high-quality animated GIFs and custom emojis specifically tailored for Slack's unique technical constraints.
Shadcn UI Component Manager
Streamlines the discovery, installation, and implementation of shadcn/ui components and complex frontend layouts using automated workflows.
SEED Design System Documentation Generator
Generates standardized component guideline documentation for the SEED Design System using Rootage YAML specifications.
Advanced UI Artifact Builder
Streamlines the creation of sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks.
Anthropic Brand Styling
Applies Anthropic's official visual identity, colors, and typography to digital artifacts and code-generated documents.
Scroll for more results...