Design Tools Claude 스킬

3D Web Experience Architect

Builds immersive 3D web environments using Three.js, React Three Fiber, and WebGL while balancing visual impact with performance.

Web Design Guidelines Auditor

Audits web interfaces for compliance with industry-standard design, accessibility, and UX best practices.

Frontend Development Patterns

Implements industry-standard React and Next.js patterns for building scalable, high-performance user interfaces.

UX Researcher & Designer

Automates UX research workflows including data-driven persona generation, journey mapping, and usability study planning.

ImageGen AI Suite

Generates and iterates on high-quality AI images, icons, and design assets using Google Gemini and OpenAI models.

UX Research & Design Toolkit

Streamlines user experience research and design workflows through data-driven persona generation, journey mapping, and usability testing frameworks.

UX Researcher & Designer

Automates UX research tasks including persona generation, journey mapping, and usability test planning to drive data-driven design decisions.

UX Researcher & Designer

Streamlines the UX design process by generating data-driven personas, mapping user journeys, and planning rigorous usability tests.

Cybersecurity Dashboard UX

Standardizes UI/UX design for security SaaS platforms using dual-persona patterns and severity-driven visual frameworks.

UX Pattern Detector

Identifies and resolves user experience anti-patterns in UI code and microcopy to enhance application usability.

UX Design Principles for Developers

Integrates essential user experience principles, accessibility standards, and responsive design patterns directly into your development workflow.

Dashboard & Admin UI Designer

Generates high-density, production-ready dashboard layouts and data visualization components using proven design patterns.

SaaS Design Guide

Architects unique, production-grade SaaS UI/UX by applying intentional design principles and avoiding common AI-generated tropes.

UI/UX Pro Max

Generates professional UI/UX design systems and implementation guidance using a comprehensive database of styles, palettes, and cross-platform best practices.

AI-UI Interactive Components

Enables Claude to render interactive browser-based UI components and collect structured user feedback via MCP.

Bootstrap 5 Overview

Provides comprehensive setup guidance and foundational expertise for building responsive websites with Bootstrap 5.3.

UI/UX Pro Max - Design Intelligence

Generates professional design systems and provides expert UI/UX guidance across multiple web and mobile frameworks.

Vercel Composition Patterns

Implements scalable React composition patterns to eliminate boolean prop bloat and build maintainable component libraries.

Web Design Guidelines Auditor

Audits web interfaces and UI code against professional design standards, accessibility rules, and UX best practices.

Frontend Design

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

UI Reference Guide

Provides a comprehensive reference for selecting and implementing UI component libraries, animations, and charts using AI-readable documentation.

Vercel React Best Practices

Optimizes React and Next.js applications using Vercel's engineering-grade performance patterns and guidelines.

Tailwind CSS Style Guide

Enforces consistent Tailwind CSS styling patterns and best practices for modern frontend development.

Frontend Design Tokens Manager

Standardizes UI styling by managing CSS variables and design tokens for Tailwind CSS and shadcn/ui integrations.

React & shadcn/ui Component Architect

Enforces standardized component architecture and best practices for React, TypeScript, and shadcn/ui projects to ensure modular, reusable code.

Frontend Design Specialist

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

Icon Asset Generator

Automates the generation of production-ready web favicons, PWA assets, and game engine icon bundles from a single source file.

Web Interface Design Auditor

Audits web user interfaces against modern design guidelines and accessibility standards to ensure high-quality frontend implementation.

Interface Design Craft

Builds high-craft, intent-driven application interfaces like dashboards and SaaS tools while avoiding generic AI design patterns.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces and UI components that avoid generic AI design patterns.