Design Tools Claude 스킬

Semantic Performance Builder

Designs choreographed emotion sequences and multi-step animations for AI-driven mascot interfaces.

Mascot Integrator

Integrates the emotive-mascot engine into web applications and frameworks to create responsive, particle-based AI avatars.

National Design Studio UI

Generates high-end government-style UI components using the signature National Design Studio aesthetic.

Web Design Compliance Reviewer

Audits UI code against Vercel-inspired Web Interface Guidelines for consistency, accessibility, and UX best practices.

Fluxwing UX Component Expander

Enhances ASCII UI components by automatically generating interaction states like hover, focus, and disabled for rapid prototyping.

Fluxwing Library Browser

Browses and manages uxscii components and screens for rapid ASCII-based UI development and layout prototyping.

Frontend Aesthetics Pro

Transforms generic AI-generated interfaces into polished, distinctive frontend designs using professional typography, color theory, and motion principles.

Kuroryuu Playground Builder

Builds interactive HTML playgrounds pre-populated with live Kuroryuu project data for architecture exploration, theme tuning, and agent configuration.

Custom macOS WKWebView Scrollbars

Implements customizable, theme-aware scrollbars for native macOS WKWebView applications using the negative margin layout technique.

Fluxwing Screen Scaffolder

Orchestrates the creation and composition of complete UI screens using the uxscii standard for rapid prototyping and AI-ready wireframing.

GUI Design Principles

Implements professional, accessible, and high-performance user interfaces using industry-standard design foundations and modern UX patterns.

Avant-Garde Frontend Architect

Crafts bespoke, high-performance, and minimalist user interfaces using advanced architectural analysis and a personalized component library.

Version Badge Pattern

Implements a standardized UI component to display application versioning, build metadata, and interactive changelog history.

AI Background Remover

Removes backgrounds from images automatically using AI-powered subject isolation to create high-quality transparent PNG or WebP files.

AI Image Generation Skill

Generates professional-grade images, product shots, and brand assets directly within Claude Code using FAL.ai models.

Fluxwing Component Viewer

Inspects and previews ASCII-based UI components to help developers visualize layouts and metadata within Claude Code.

AI Image Generation & Editing

Generates and modifies high-quality images using OpenAI and Google Gemini models directly within your AI development workflow.

Fogg Behavior Model Designer

Designs and optimizes user behavior change using the proven B=MAP framework to drive product growth and conversion.

Visual Cues & CTA Psychology

Optimizes user interfaces and landing pages by applying gaze psychology and visual attention principles to guide user behavior.

Progressive Disclosure Design

Simplifies complex user interfaces by sequencing information and actions across time to reduce cognitive load and improve usability.

Status Quo Bias & Change Design

Analyzes user resistance to change and provides psychological frameworks to improve product adoption and migration success.

Loss Aversion Psychology

Applies behavioral economics and prospect theory to optimize user retention, pricing strategies, and product messaging.

Hick's Law Optimizer

Optimizes user decision-making speed by streamlining interface choices and reducing cognitive load within software designs.

Cognitive Biases Analysis Toolkit

Applies behavioral psychology and cognitive bias frameworks to improve product design, user experience, and ethical decision-making.

Trust Psychology

Implements psychological trust signals and risk-reduction patterns to optimize conversion rates and user confidence in digital products.

Fluxwing Screenshot Importer

Transforms UI screenshots into standardized uxscii components and screens using automated vision analysis and multi-agent orchestration.

Frontend Design Architect

Generates distinctive, production-grade frontend interfaces that escape generic AI aesthetics through bold design thinking and meticulous implementation.

React Design Patterns

Implements modern React patterns including custom hooks, component composition, and state management strategies to build scalable frontend architectures.

Tailwind Coder for Rails

Implements responsive Tailwind CSS styling and component patterns within Ruby on Rails applications.

Fluxwing Component Creator

Generates structured UI components using the UXSCII standard to bridge the gap between AI design systems and human-readable documentation.