Design Tools Claude 스킬

Gesttione Design System

Implements the Gesttione brand identity and metric visualization patterns for professional business dashboards.

Professional UI/UX Designer

Designs and implements production-ready React interfaces using shadcn/ui, Tailwind CSS, and modern accessibility standards.

Angular Architect

Architects enterprise-grade Angular 17+ applications using signals, standalone components, and advanced reactive patterns.

React Development Expert

Architects high-performance, production-ready React applications using the latest React 19 patterns and industry best practices.

Vue 3 & Nuxt Expert

Builds high-performance, reactive web applications using Vue 3 Composition API, Nuxt 3, and Pinia with strict TypeScript integration.

DaisyUI v5 Form Patterns

Implements standardized DaisyUI v5 form structures and validation patterns for rapid, accessible frontend development.

Design System Starter

Architects scalable and accessible UI design systems using atomic design principles, standardized tokens, and component patterns.

Image Enhancer

Enhances image resolution, sharpness, and clarity to create professional-grade visual assets for documentation and social media.

Creative Algorithmic Design

Generates sophisticated algorithmic art and generative design systems using p5.js and computational philosophy.

Artisan Canvas Designer

Generates high-fidelity visual art and design philosophies in PDF and PNG formats using sophisticated aesthetic principles.

UI Audio Theme Generator

Generates cohesive sets of minimal UI sound effects and interaction constants for web and mobile applications using the ElevenLabs API.

Algorithmic Art Generator

Generates sophisticated p5.js generative art by establishing deep algorithmic philosophies and implementing them through meticulously crafted code.

Algorithmic Art Generator

Generates sophisticated p5.js generative art by establishing computational philosophies and master-level emergent systems.

React Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

Frontend CSS

Implements maintainable, responsive styling using modern CSS methodologies and design system tokens.

Canvas Visual Design

Generates sophisticated visual art and design philosophies for creating high-end, museum-quality digital artifacts.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's technical constraints.

Frontend Responsive

Builds adaptive, mobile-first web layouts using fluid grids and relative units to ensure a seamless user experience across all device sizes.

Frontend Components

Designs reusable, composable, and maintainable UI components using framework-specific best practices and state management patterns.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific color palettes and typography, to documents and digital artifacts.

Theme Factory

Applies professional visual styling, color palettes, and typography to artifacts like slide decks, documentation, and web pages.

Image Quality Enhancer

Enhances the resolution, sharpness, and clarity of screenshots and images for professional use in documentation and social media.

Webflow Code Components

Develops, optimizes, and deploys React-based code components for the Webflow Designer using Shadow DOM architecture and the Webflow CLI.

Design Brief Generator

Generates comprehensive, well-structured design briefs that define project scope, goals, constraints, and success criteria to align stakeholders.

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks and professional design systems.

React Modernization

Upgrades legacy React applications by migrating class components to functional hooks and implementing React 18+ concurrent features.

Frontend Accessibility

Builds inclusive web interfaces using semantic HTML, ARIA attributes, and robust keyboard navigation patterns to ensure WCAG compliance.

Prototype to Production

Converts design prototypes and mockups into production-ready, accessible React components with automated design token extraction.

Tailwind CSS JARVIS UI

Implements utility-first styling and holographic design patterns for high-performance AI assistant interfaces.

Book Illustrator

Guides the creation of engaging, age-appropriate children's book illustrations through expert principles in character design, color theory, and visual storytelling.