Design Tools Claude 스킬

HyperUI Tailwind Components

Streamlines frontend development by browsing, searching, and integrating over 480 free, copy-paste Tailwind CSS components.

HeadlessUI Vue Components

Builds fully accessible, unstyled UI components for Vue 3 applications using HeadlessUI patterns and best practices.

HeadlessUI React Component Skill

Provides implementation patterns and playground examples for building accessible, unstyled React interfaces with HeadlessUI.

FlyonUI Component Library

Builds interactive Tailwind CSS interfaces using FlyonUI's semantic components and integrated JavaScript plugins.

Tailwind Layout Architect

Implements responsive application shells, navigation systems, and advanced grid structures using Tailwind CSS best practices.

DaisyUI Component Design

Builds semantic, themeable user interfaces using the DaisyUI component library for Tailwind CSS.

Tailwind CSS Guidelines

Provides standardized patterns and best practices for writing, reviewing, and refactoring utility-first Tailwind CSS code.

Tailwind Dashboard Patterns

Streamlines the creation of admin panels and CRUD interfaces using standardized Tailwind CSS component patterns and layouts.

Tailwind Marketing UI Patterns

Generates high-converting marketing page components and layouts using production-grade responsive Tailwind CSS patterns.

Tailwind CSS Component Toolkit

Streamlines frontend development with standardized Tailwind CSS class recipes and HeadlessUI integration patterns for accessible UI components.

React Artifacts Builder

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

Theme Factory

Applies professional color palettes and typography pairings to artifacts like slides, documents, and landing pages.

Frontend Design for Fixlify

Creates distinctive, production-grade frontend interfaces using the Fixlify design system, shadcn/ui, and Tailwind CSS.

Algorithmic Art Studio

Generates master-level generative art and computational aesthetics using p5.js and seeded randomness.

Frontend Design Pro

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

Image Enhancer

Enhances image resolution and clarity to produce professional-grade screenshots and visuals for documentation or social media.

Advanced React Artifacts Builder

Builds complex, multi-component Claude.ai HTML artifacts using modern frontend stacks like React, Tailwind CSS, and shadcn/ui.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI design patterns.

Ratatui Rust TUI Builder

Builds sophisticated, high-performance terminal user interfaces in Rust using the Ratatui framework.

Slack GIF Creator

Generates and optimizes animated GIFs tailored for Slack emojis and message attachments using advanced animation utilities.

Elite UI Design Principles

Enforces high-fidelity, minimalist design systems inspired by industry leaders like Linear, Notion, and Stripe for professional web applications.

Anthropic Brand Styler

Applies official Anthropic brand colors, typography, and visual design standards to generated artifacts and documents.

Antigravity UI/UX Designer Expert

Architects user-centered interfaces, comprehensive design systems, and accessible digital experiences using modern design methodologies and token-based systems.

Stitch UI Prompt Enhancer

Transforms vague UI concepts into detailed, production-ready prompts optimized for the Stitch design engine.

Advanced Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using Tailwind CSS and shadcn/ui for production-grade web interfaces.

Tailwind CSS v4 Best Practices

Optimizes Tailwind CSS v4 implementations to ensure high-performance builds, minimal bundle sizes, and adherence to modern CSS-first standards.

Frontend Development Patterns

Implements modern React and Next.js architectural patterns to build performant, scalable, and maintainable user interfaces.

Algorithmic Art Generator

Orchestrates sophisticated generative art by combining original computational philosophies with interactive p5.js implementations.

Canvas Design

Generates museum-quality visual art and design documents using custom aesthetic philosophies and high-precision layouts.

Theme Factory

Styles digital artifacts with curated, professional font and color themes to ensure visual consistency across presentations, documents, and web pages.