Design Tools Claude 스킬
design tools Claude 스킬을 발견하세요. 45개의 스킬을 탐색하고 AI 워크플로우에 완벽한 기능을 찾아보세요.
Managing Media & Files
Implements high-performance media components and secure file management workflows for modern web applications.
Building Tables & Data Grids
Constructs high-performance, accessible data grids and tables optimized for everything from simple displays to enterprise-level datasets.
Timelines & Activity Feeds
Implements chronological UI components including vertical timelines, activity feeds, Gantt charts, and calendar interfaces with full accessibility support.
User Feedback & Notifications
Implements professional notification systems, modals, and progress indicators using UI/UX best practices and accessibility standards.
Component System Assembly
Integrates modular AI-generated components into production-ready applications with validated design tokens and framework-specific scaffolding.
Frontend Technical Architecture & Design Rules
Establishes production-ready frontend architecture, security protocols, and data flow patterns for React applications.
AI & LLM Icon Finder
Locates and retrieves high-quality brand icons for AI models, providers, and applications directly within the development workflow.
Frontend Design
Generates distinctive, production-grade frontend interfaces with high design quality and creative character.
UI Designer
Extracts design systems from reference images and generates implementation-ready UI code for React applications.
Frontend Technical Specification
Establishes standardized frontend architecture, security protocols, and testing requirements for production-ready React applications.
Design System Analyzer
Extracts precise CSS tokens, animations, and interaction states from any website to generate a comprehensive design system prompt.
Design Style System
Automatically applies professional design systems and distinctive aesthetics to frontend components and web interfaces.
Frontend Implementation Specialist
Implements modern, accessible, and responsive user interfaces using frameworks like React, Vue, and Angular.
Frontend Implementation Suite
Builds responsive, accessible, and production-ready frontend components using modern web frameworks and testing best practices.
Frontend Design
Generates distinctive, production-grade frontend interfaces with sophisticated aesthetics, unique typography, and creative motion design.
React Hook Form & Zod Validation
Simplifies building type-safe, validated forms in React using React Hook Form and Zod schema synchronization.
AutoAnimate Error Prevention
Implements zero-config UI animations across modern frameworks while automatically preventing common SSR, layout, and framework-specific errors.
TanStack Table Mastery
Builds high-performance headless data tables with server-side pagination, sorting, and virtualization for React and Cloudflare D1.
Motion Animation Library
Implements sophisticated, production-grade React animations and gestures using the declarative Motion library.
Tailwind v4 shadcn/ui Stack
Implements a production-grade Tailwind CSS v4 and shadcn/ui integration using a mandatory four-step CSS variable architecture.
Canvas Design
Generates sophisticated, museum-quality visual designs and art philosophies based on subtle user inputs.
Frontend Design Pro
Generates distinctive, production-grade frontend interfaces with high-quality design aesthetics that avoid generic AI-generated looks.
Canvas Design & Visual Art
Generates museum-quality visual art and design philosophies for posters, brand assets, and sophisticated static media.
Frontend Design
Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics and prioritize high-quality design principles.
Frontend Responsive Design
Implements mobile-first responsive interfaces and fluid layouts across all device sizes using modern CSS frameworks and React.
Corporate Brand Guidelines
Applies consistent corporate branding, typography, and visual standards across generated documents to ensure professional identity.
Prototype to Production
Converts design prototypes and HTML mockups into clean, production-ready React and TypeScript components.
Enterprise UI Design Principles
Enforces high-precision, minimalist design systems for enterprise SaaS and dashboard interfaces inspired by industry leaders like Linear and Stripe.
React Component Generator
Generates production-ready React components using TypeScript, Tailwind CSS, and Zustand state management following industry best practices.
UI Analyzer
Transforms UI design screenshots into production-ready React components with TypeScript and Tailwind CSS.
Scroll for more results...