Teams need fast validation of flows before engineering work begins. This skill turns UX specs into interactive HTML prototypes with screens, states, and basic interactions.

Teams need consistent component styling without changing shared UI primitives. This skill guides Claude, Codex, and Claude Code to create component CSS with Tailwind conventions and clear file boundaries.

Poorly tuned motion makes interfaces feel slow, unstable, or inaccessible. This skill reviews animation code against specific standards and returns prioritized, actionable findings.

Choosing a UI direction from one implementation limits useful comparison. This skill builds distinct, working variants in a live picker before integration.

Inconsistent motion can make interfaces feel slow, distracting, or inaccessible. This skill audits animation code and produces prioritized findings with detailed implementation plans.

Teams often add motion without a clear user benefit, which can make interfaces feel slow or distracting. This skill audits UI seams, applies a strict decision gate, and produces a short ranked list of precise motion recommendations.

Interfaces often work correctly but still feel slow, inconsistent, or unclear. This skill reviews interaction details and recommends purposeful, accessible, performant motion.

Gesture-driven web interfaces often feel delayed, rigid, or visually inconsistent. This skill provides practical guidance for responsive motion, materials, typography, accessibility, and interaction design.

Vague motion descriptions make design discussions and AI prompts unclear. This skill maps those descriptions to precise terms and explains close alternatives.

Low-quality screenshots can make documentation, presentations, and social posts hard to read. This skill guides enhancement, upscaling, sharpening, artifact reduction, and output choices.

Unclear requirements can lead to premature implementation and missing architecture decisions. This skill guides structured discovery and creates Mermaid-based design catalogs for shared planning.

Teams need scalable logos without heavy design tooling. This skill guides Claude, Codex, and Claude Code to generate clean SVG logos with Python.

Electronic music demos need repeatable performance steps across browser controls, MIDI, and recording. This skill guides Claude, Codex, and Claude Code through setup, scene design, playback, and capture.

Short video prompts often need clear schema choices and model routing. This skill guides Seedance 2.0 Pro CLI jobs with reference media, audio, and limits.

Video creators need reliable prompts and settings for HappyHorse 1.0 without guessing the API schema. This skill prepares RunComfy CLI calls and practical prompt guidance for text-to-video generation.

Face and character replacement requires choosing different models for stills, batches, and videos. This skill routes Claude, Codex, and Claude Code to RunComfy CLI workflows with consent guidance.

Creating polished Roblox character animation requires compatible rigs, clear motion checks, and correct exports. This skill guides Blender-based R6 and R15 animation work from rig validation to preview delivery.

Inconsistent CSS makes interfaces hard to theme, maintain, and audit. This skill guides Claude, Codex, and Claude Code toward structured shadcn-style patterns.

Many working web apps still feel uneven on desktop and mobile. This skill gives agents an iterative polishing workflow for sharper layouts, states, and responsive details.

Terminal agents need one workflow for media creation and social operations. This skill provides Wonda CLI guidance for generation, editing, publishing, research, and automation.