Design Tools Claude 스킬

Interfaith Sacred Geometry

Generates mathematically precise sacred geometry patterns and interfaith symbolic visualizations for spiritual art and meditation aids.

Accessibility Patterns

Builds inclusive web experiences by implementing WCAG guidelines, semantic HTML, and ARIA patterns.

Accessibility Patterns & WCAG Compliance

Builds inclusive web experiences by implementing WCAG guidelines, semantic HTML, and accessible ARIA patterns.

UI Freeze

Protects critical design system files and global CSS from accidental modifications by requiring explicit confirmation and impact analysis.

Frontend Design Systems

Implements consistent, scalable UI components and design tokens to build maintainable and accessible frontend architectures.

Canvas Design

Generates museum-grade visual art and custom design philosophies for posters and high-fidelity digital assets.

Algorithmic Art Studio

Generates sophisticated p5.js generative art by establishing a computational philosophy and expressing it through meticulously crafted algorithms.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

Web Design Guidelines Auditor

Audits frontend code for compliance with Vercel's Web Interface Guidelines to ensure high-quality UI, UX, and accessibility.

Frontend Development & UI Engineering

Builds accessible, high-performance user interfaces and client-side logic following modern component-based architecture and web standards.

Anthropic Brand Styling

Applies Anthropic's official brand colors, typography, and visual identity standards to digital artifacts and documents.

Responsive Design Patterns

Implements mobile-first layouts, fluid typography, and adaptive components for seamless cross-device user experiences.

Excalidraw Wireframe Creator

Generates professional Excalidraw wireframe diagrams to visualize UI/UX layouts and component structures.

UX Design Architect

Architects intuitive user experience patterns and aesthetic visual identities for modern applications through an AI-driven peer design expert.

LiveKit Agents UI

Build production-grade React frontends for LiveKit voice AI agents using customizable shadcn-based components and visualizers.

Theme Factory

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

Claude Artifacts Builder

Generates complex, multi-component React artifacts for Claude.ai using shadcn/ui and professional design patterns.

Data Flow Diagram Creator

Generates professional data flow diagrams using Excalidraw to visualize system architecture and data movements.

App Shell Architect

Designs and implements responsive navigation structures and layout shells for React applications and quantitative tools.

Realistic Data Implementation

Generates realistic sample data and TypeScript interfaces to populate application designs with believable, context-aware content.

Design System Tokens

Streamlines UI design by establishing standardized Tailwind color palettes and Google Fonts typography for web applications.

Responsive Design Patterns

Implements mobile-first layouts, fluid typography, and adaptive UI components for cross-device compatibility.

Visual Validation & Screenshot Capture

Automates the capture of full-page visual evidence to verify frontend implementations and UI designs.

Responsive Design Patterns

Implements mobile-first responsive layouts, fluid typography, and touch-optimized components using industry-standard patterns.

Frontend Design Systems

Architects consistent, production-ready frontend UI components using systematic design tokens and accessible component patterns.

Canvas Visual Design

Generates sophisticated visual art and design philosophies to create high-end digital posters and artistic artifacts.

Anthropic Brand Identity Styler

Applies Anthropic's official brand colors and typography to artifacts to ensure professional visual consistency and brand alignment.

Image Enhancer

Enhances the resolution, sharpness, and clarity of screenshots and images for professional use.

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and automated single-file bundling.

Theme Factory

Styles digital artifacts with professional color palettes and typography using curated themes or custom-generated designs.