Design Tools Claude 스킬

Fluxwing Component Creator

Generates structured uxscii UI components with ASCII art and metadata for rapid frontend prototyping and design documentation.

UI/UX Design Architect

Architects accessible, systematic user interfaces and design systems using research-backed methodologies and modern design tokens.

Rust UI Architecture Specialist

Architects scalable and maintainable Rust desktop applications using standardized GPUI patterns and layered design principles.

GPUI Development Patterns

Streamlines high-performance Rust UI development with standardized GPUI component, state, and event patterns.

GPUI Performance Optimizer

Optimizes GPUI application performance through advanced rendering techniques, layout efficiency, and memory management strategies.

GPUI Styling & Themes

Implements high-performance, responsive UI styling and comprehensive theme management for Rust applications using GPUI.

React Component Generator

Generates production-ready React components using TypeScript, modern hooks, and industry-standard best practices.

Slack GIF Creator Toolkit

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's file size and dimension constraints.

Image Enhancer

Elevates the quality of images and screenshots through intelligent upscaling, sharpening, and artifact reduction.

Frontend Design & Deterministic UI

Generates consistent, mathematically-grounded UI/UX design systems using deterministic colors and geometric layout principles.

Brand Guidelines Application

Applies consistent brand identity, including colors, typography, and spacing, across web components, documents, and marketing materials.

Makepad UI Development

Accelerates the creation of high-performance Rust user interfaces using the shader-based Makepad framework.

Canvas Design

Generates museum-grade visual art and design philosophies through meticulous spatial and chromatic orchestration.

UI Styling & Design Systems

Builds beautiful, accessible React interfaces using shadcn/ui components, Tailwind CSS styling, and canvas-based visual design systems.

Accessibility Patterns

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

Preact & Tailwind Frontend

Standardizes frontend development workflows using Preact, Tailwind CSS, and accessibility-first design patterns.

PolicyEngine Design System

Standardizes the visual identity of PolicyEngine applications through consistent branding, typography, and data visualization guidelines.

Marp Slide Creator

Generates professional Marp/Marpit presentations with custom SVG diagrams and consistent color design systems.

Advanced Glassmorphism UI

Generates sophisticated frosted glass effects and transparent overlays using advanced Tailwind CSS patterns and multi-agent validation.

UI/UX Pro Max - Design Intelligence

Provides expert-level UI/UX guidance, design systems, and implementation patterns across multiple frontend frameworks.

Infographic Generator

Transforms complex text and data into professional, publication-ready infographics using diverse layouts and visual styles.

Base UI React Component Toolkit

Implements accessible, unstyled React components using the render prop pattern for full styling control and smart positioning.

Design Movements Mastery

Guides UI/UX aesthetic direction by applying historical design movements and their specific visual patterns to modern frontend code.

Design Masters

Applies the enduring principles and philosophies of legendary designers to modern UI/UX and visual communication tasks.

React Modernization

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

React and Next.js Patterns

Implements high-performance React and Next.js patterns for building scalable and maintainable frontend applications.

WCAG 2.2 Accessibility Guidelines

Applies WCAG 2.2 accessibility standards to web development projects through actionable implementation rules and best practices.

Responsive Typography Skills

Implements fluid typography using CSS clamp() to create responsive font sizes that scale smoothly with the viewport.

Jungian Archetypes for UI/UX

Translates Jungian psychological archetypes into cohesive UI/UX design systems, including Tailwind patterns, typography, and motion principles.

Artifacts Builder

Constructs complex, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for professional frontend interfaces.