What it does

This skill helps an agent design and implement production-ready frontend interfaces — components, pages, or full applications — with a strong, intentional aesthetic. It guides the agent through design thinking, visual direction, typography, color, motion, and spatial composition, then produces working HTML/CSS/JS or framework-specific code (React, Vue, etc.) tuned to the chosen aesthetic.

When to use it

Use this skill when a user asks for a web UI, landing page, dashboard, component, or any frontend artifact that should look and feel distinctive rather than generic. It is ideal for tasks requiring a clear visual direction (brutal minimalism, maximalist, retro-futuristic, editorial, etc.), polished micro-interactions, and production-ready code.

What's included

Scripts: none (has_scripts=false)
References: none (has_references=false)
Instructions: stepwise guidance on design thinking (purpose, tone, constraints, differentiation), concrete implementation notes on typography, color/themes, motion, spatial composition, and background/detail techniques. The skill emphasizes choosing a single strong aesthetic direction and executing it precisely.