Design Tools Claude 스킬

Architects reusable, high-performance UI components using modern patterns and styling strategies for React, Vue, and Svelte.

Design System Patterns

Architects scalable UI foundations using design tokens, multi-brand theming infrastructure, and robust component patterns.

Interaction Design

Implements high-quality microinteractions, motion design, and responsive state transitions to enhance user experience and UI polish.

Accessibility Compliance Expert

Implements WCAG 2.2 compliant interfaces with ARIA patterns, keyboard navigation, and assistive technology support for inclusive user experiences.

Visual Design Foundations

Implements professional visual design systems including typography scales, semantic color palettes, and spacing grids to ensure UI consistency and accessibility.

Responsive Web Design

Implements modern, adaptive layouts using container queries, fluid typography, and mobile-first CSS strategies.

Web Artifacts Builder

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics.

Canvas Visual Designer

Generates sophisticated, museum-quality visual art and design philosophies through high-fidelity digital artifacts.

Anthropic Brand Styling

Applies official Anthropic brand colors, typography, and visual identity standards to digital artifacts and presentations.

Algorithmic Art Creator

Generates sophisticated generative art systems and algorithmic philosophies using p5.js and seeded randomness.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documents, and landing pages.

Tailwind Design System

23,194

Implements scalable design systems and production-ready component libraries using Tailwind CSS and design tokens.

Tailwind Design System

23,139

Builds scalable, production-ready design systems using Tailwind CSS, design tokens, and standardized UI patterns.

Algorithmic Art

Generates sophisticated algorithmic art and interactive p5.js visualizations based on custom computational philosophies.

Slack GIF Creator

Generates and optimizes animated GIFs for Slack emojis and messages using custom drawings and motion effects.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documents, and landing pages to ensure visual consistency.

Web Artifacts Builder

Builds sophisticated, multi-component React applications bundled into single-file HTML artifacts using modern frontend frameworks and design systems.

Brand Guidelines

22,962

Applies official Anthropic brand colors and typography to artifacts for consistent corporate visual identity.

Frontend Design

21,715

Generates distinctive, production-grade web interfaces with high-quality design and creative aesthetics that avoid generic AI-generated patterns.

Canvas Design

21,713

Generates sophisticated visual art and design documents based on custom-crafted aesthetic philosophies and expert-level craftsmanship.

React Best Practices

20,405

Optimizes React application performance through automated refactoring guidelines and high-impact implementation patterns.

UI/UX Pro Max - Design Intelligence

Provides professional design intelligence and implementation patterns for building high-quality UI/UX across multiple platforms and frameworks.

UI/UX Pro Max

Generates professional UI/UX design systems and implementation patterns for multi-platform web and mobile applications.

UI/UX Pro Max - Design Intelligence

Provides comprehensive design intelligence and implementation guidance for building professional interfaces across multiple platforms and technology stacks.

UI/UX Pro Max