Design Tools Claude 스킬

Blazor Framework & Fluent UI Reference

Accelerates .NET web development by providing implementation patterns for Blazor hosting models, component architecture, and Microsoft Fluent UI integration.

React Pattern & Reference Guide

Accelerates React development with standardized patterns, advanced hooks implementations, and WCAG-compliant accessibility practices.

Web UI Design Guide

Applies professional web UI design principles like the 8px grid and neutral color palettes to create modern, consistent frontend components.

UX Analyzer

Analyzes user experience patterns, accessibility compliance, and usability heuristics to optimize application design and user flows.

Dark Minimal Slide Design

Generates professional, high-end presentation slides and visual assets using a dark minimal Vercel-inspired aesthetic.

Shadcn Next.js Scaffold

Scaffolds production-ready Next.js projects pre-configured with shadcn/ui components, Radix UI primitives, and the Nova design system.

AI Image Generation

Generates and edits high-quality visual assets using OpenAI and Google Gemini models directly from the command line.

Batch Slide Generation

Automates the creation of professional presentation slide images at scale using AI image providers.

Frontend Design Pro

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

UI Design Core

Generates high-end, production-grade UI components and layouts while intentionally avoiding generic AI design patterns.

Refactoring UI for Tailwind & shadcn

Applies professional design principles and visual hierarchy to web interfaces using Tailwind CSS and shadcn/ui components.

Accessibility Design Guard

Audits and repairs web interfaces to ensure compliance with WCAG accessibility standards and inclusive design best practices.

UI/UX Pro Max

Elevates frontend development with comprehensive design intelligence, providing specialized styles, color palettes, and UX best practices across nine technology stacks.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation patterns for professional web and mobile applications.

Dayopt Frontend Design

Enforces a minimalist, decoration-free UI design system focused on high-density productivity and functional feedback.

UX Design Principles: Affordances

Guides the creation of intuitive user interfaces by implementing visual cues that suggest how elements should be used.

UI/UX Pro Max

Generates comprehensive design systems, accessibility audits, and production-ready UI components across nine major technology stacks.

Frontend Development Patterns

Implements high-performance React and Next.js architectural patterns for modern web applications.

Frontend Development Patterns

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

Frontend Development & MudBlazor UI

Builds production-ready Blazor components and layouts adhering to the MudBlazor design system and project-specific conventions.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidelines across nine major web and mobile technology stacks.

Frontend Design

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

Laravel Blade Expert

Generates robust Laravel Blade templates and reusable UI components using modern best practices and clean architecture patterns.

Motion React Animations

Creates high-performance, declarative React animations for sophisticated user interfaces and interactions using the Motion library.

Figma Analyzer

Extracts high-fidelity design assets, metadata, and design tokens directly from Figma files using the REST API.

Draw.io Diagram Master

Generates and edits professional draw.io diagrams in XML format for technical architecture and flowcharts.