Design Tools Agent Skills

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.

Frontend Design & UI Aesthetics

Generates distinctive, production-grade frontend interfaces that prioritize high-quality design and avoid generic AI aesthetics.

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.

Kuroryuu Playground Builder

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

Frontend Aesthetics Pro

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

Version Badge Pattern

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

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.

Seminar & Presentation Visuals

Generates professional 3D editorial visuals and infographic slides optimized for academic seminars and technical presentations.

What-If Vision Generator

Generates immersive visual scenes and high-fidelity UI layouts representing idealized future scenarios through specialized XML mappings.

Visual Generator Concept Theme

Generates Kurzgesagt-style visual scenes and storytelling guides using flat vector illustrations and specialized mood palettes.

Government Style Visual Generator

Generates professional government-style infographics and visual reports using structured palettes and institutional design patterns.

Visual Layout Templates

Standardizes information visualization using 24 distinct layout metaphors and ASCII design principles for clear communication.

Pitch Deck Visual Generator

Generates high-contrast, premium visual themes for pitch decks and persuasive presentation scenes.

Research Infographic Figure Guide

Generates professional, standardized image prompts for Korean national research project infographics and technical diagrams.

Fluxwing Component Viewer

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

Avant-Garde Frontend Architect

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

Visual Cues & CTA Psychology

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

Visual Comparison Theme Generator

Generates structured XML-tag mappings and scene guides for side-by-side visual comparisons and before-and-after showcases.

Loss Aversion Psychology

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

Fogg Behavior Model Designer

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

Fluxwing Screenshot Importer

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

Hick's Law Optimizer

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

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.