frontend-design

Installation
SKILL.md

Frontend Design

Create a working frontend with a clear, subject-specific point of view. Then prove it in the rendered UI.

Contract

  • For a critique, review, or design plan, inspect the relevant product and report the direction without editing files.
  • For a build or redesign, make the requested in-scope changes and run local, non-destructive validation.
  • Treat explicit user direction, supplied references, repository instructions, existing product behavior, and the local design system as authoritative. Fidelity requests override this skill's defaults.
  • Preserve the stack and working behavior. Do not replace the framework or design system, add dependencies, or invent features unless the request requires it.
  • Use original SVG authored in code when it supports the art direction. Fetch or generate other media only when the request requires it.
  • Make the smallest defensible assumption when the subject, audience, or page job is missing. State it before building. Ask only when the answer would materially change scope or identity.

Workflow

Installs
76
GitHub Stars
97
First Seen
Jul 21, 2026