Frontend Design
skill · v1.0.0
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when building web components, pages, or applications.
Tags: frontenduidesigncsshtmlreactastro
Invocation contract
Inputs
component_description(string, required) — What the component or page should do and who uses it.design_system(string) — Existing design tokens, Tailwind config, or component library to build on.framework(string) — Target framework: React, Astro, Vue, Svelte, plain HTML. Defaults to inferred from repo.
Outputs
component_code(string) — Production-ready component code.design_notes(string) — Rationale for key design decisions.
Side effects
writes component files