Design Tools Claude 스킬

Design Systems & Component Architecture

Architects scalable, consistent UI ecosystems using atomic design principles and reusable component patterns.

UX & Product Design Hub

Accelerates the end-to-end design process using a 7-step wireframe pipeline and agentic UX patterns for CLI and product interfaces.

TRIZ Asymmetry Thinking Pattern

Applies the TRIZ Asymmetry principle to optimize system designs by breaking symmetry constraints for enhanced functionality and efficiency.

User Research Methodologies

Implement systematic user research frameworks to identify needs, validate designs, and uncover behavioral insights.

UI/UX Pro Max - Design Intelligence

Generates comprehensive design systems and provides expert UI/UX guidance across multiple technology stacks and visual styles.

OpenTUI Development

Builds sophisticated terminal user interfaces using React, Solid, or imperative APIs with advanced layout and animation capabilities.

Superdesign Prompt Library

Accesses a curated library of over 350 UI design prompts to streamline the creation of high-quality style, layout, and component specifications.

Refactoring UI Design Patterns

Implements professional user interfaces using systematic design tactics, visual hierarchy, and constrained styling systems.

Nano Banana Pro Image Studio

Generates and edits high-resolution images directly within Claude Code using Google's Gemini 3 Pro Image API.

UI/UX Pro Max Design Intelligence

Provides a comprehensive database of design patterns, accessibility standards, and styling guidelines to build professional web and mobile interfaces.

Human Interface Guidelines (HIG) Expert

Implements Apple's design principles and standards to create consistent, intuitive, and accessible experiences across all Apple platforms.

Information Architecture Design

Organizes content and navigation structures using research-driven methodologies like card sorting and tree testing to ensure intuitive information findability.

Lev Design UX Pipeline

Executes a rigorous 7-step agentic UX design pipeline to transform product concepts into validated wireframes and structured information architecture.

Nudge Theory

Influences user behavior through strategic choice architecture and behavioral economics principles to drive desired outcomes without coercion.

Von Restorff Effect Design Pattern

Applies the psychological Isolation Effect to make critical information visually or conceptually distinct for better user memory retention.

WCAG Accessibility Standards

Implements Web Content Accessibility Guidelines (WCAG) to create inclusive digital experiences using the POUR principles.

Laws of UX Design Patterns

Applies 21 psychology-based design principles to build intuitive, human-centered digital products and user interfaces.

Multi-Platform UI Prompt Generator

Generates platform-specific prompts and interactive UI components from universal widget definitions across Telegram, OpenAI Canvas, MCP, and CLI.

Nielsen Usability Heuristics

Evaluates and improves user interfaces using Jakob Nielsen’s 10 foundational usability principles for interaction design.

Peak-End Rule Experience Design

Optimizes user memory formation by strategically engineering experience peaks and satisfying endings to drive long-term retention.

Frontend Design (Codex)

Designs and structures premium, Apple-inspired web interfaces focusing on clarity, typography, and purposeful minimalism.

TanStack Form Manager

Simplifies headless, type-safe form state management and validation across all major frontend frameworks.

Angular Frontend Architect

Implements modern Angular 21+ patterns including signal-based reactivity and zoneless change detection.

Nano Banana Image Generation

Generates and edits high-quality images using Google's Gemini-based image models for creative assets and professional compositions.

Admin Panel Builder

Automates the creation and maintenance of secure, feature-rich administrative dashboards using modern UI components and role-based access control.

Gamma Presentation Quick Start

Bootstraps a minimal working Gamma API integration to create AI-powered presentations programmatically.

Tamagui Universal UI

Simplifies cross-platform UI development by providing a high-performance styling system and component library for React and React Native.

Design Compare

Compares frontend implementations against reference designs to identify visual discrepancies, spacing inconsistencies, and structural mismatches.

Textual TUI Development

Builds sophisticated, interactive terminal user interfaces using the Textual Python framework.

SVG Specialist

Creates, optimizes, and transforms high-quality vector graphics and icon systems directly within the Claude Code environment.