Design Tools Claude 스킬

Algorithmic Art Generator

Generates sophisticated algorithmic art and interactive p5.js sketches through computational philosophy and seeded randomness.

Shadcn UI Assistant

Streamlines the implementation and customization of accessible, high-quality React components using Tailwind CSS and Radix UI primitives.

UI Styling Patterns

Implements consistent and high-quality frontend styling using established design patterns and CSS best practices.

Modern Web Design Creator

Generates production-ready, responsive websites using Tailwind CSS, professional design systems, and modern animations.

Vercel React Best Practices

Optimizes React and Next.js application performance using 57 high-impact engineering rules from Vercel.

JP-UI Component Architect

Enforces layout standards and Base UI wrapper patterns for consistent component development within the jp-ui ecosystem.

Achievement Tree Design System

Generates custom, high-fidelity UI components for the Achievement Tree application using a proprietary visual and interaction framework.

Algorithmic Art Generator

Generates sophisticated, code-driven generative art and computational philosophies using p5.js and interactive parameter exploration.

React UI Design Patterns

Implements production-ready React UI patterns for loading states, error handling, and data fetching to improve user experience.

React UI Design Patterns

Implements standardized React UI patterns for loading states, error handling, and robust data fetching.

Frontend Design Pro

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

Frontend Design Pro

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

React Production Patterns

Implements modern React architecture, hooks, and performance best practices for production-ready web applications.

Tailwind CSS v4 Patterns

Implements modern utility-first CSS using Tailwind CSS v4 principles, including CSS-native configuration and native container queries.

UI/UX Pro Max - Design Intelligence

Generates professional, production-grade UI/UX designs and code implementations using a searchable database of modern styles, palettes, and framework-specific best practices.

Tailwind CSS v4 Patterns

Implements modern Tailwind CSS v4 design patterns using CSS-native configuration and utility-first principles.

UI/UX Pro Max

Streamlines professional UI/UX design and implementation by providing curated design systems, styles, and best practices across modern web and mobile stacks.

Web Design Guidelines Auditor

Audits frontend code against industry-standard web interface guidelines to ensure accessibility, UX consistency, and UI quality.

Web Interface Guidelines Auditor

Audits UI code against industry-standard design principles to ensure high-quality UX and accessibility compliance.

React Modal Implementation Patterns

Implements robust React Portal modals with precise z-index management and smooth Framer Motion animations.

VKC UX Audit

Performs heuristic UX audits and mobile-first flow reviews to identify accessibility, internationalization, and conversion issues.

JP-UI Design Foundations

Implements and maintains the JP-UI design system foundations including colors, typography, shapes, and shadows.

Base UI Documentation Assistant

Provides instant access to official Base UI (@base-ui/react) documentation, API references, and styling guidelines.

UI/UX Design Auditor

Automates UI/UX design reviews based on Material Design 3 standards, WCAG 2.2 accessibility, and Nielsen’s usability heuristics.

Web Accessibility Auditor

Analyzes and remediates web accessibility issues to ensure WCAG compliance and inclusive user experiences.

Professional Logo Design Guide

Guides the creation and evaluation of effective logos using professional design principles, psychology, and standardized testing frameworks.

UX Optimization Expert

Diagnoses and resolves user experience issues using evidence-based patterns from over 200 real-world case studies to boost conversion and usability.

UX Expert Dialogue

Facilitates interactive UX review sessions with a composite persona of world-class experts to challenge design decisions and provide data-backed critiques.

Vite & Alpine Frontend App Builder

Accelerates the development of interactive web applications and dashboards using a docs-first workflow with Vite, TypeScript, Tailwind CSS, and Alpine.js.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high-end aesthetic quality and creative flair.