frontend-design

Installation
SKILL.md

frontend-design — frontend low-level design

Design the frontend for a feature: read enough of the existing UI to ground the design in real components and patterns, then write a buildable frontend LLD. Design artifact, not code — never edit app code. Prefer reuse over reinvention; cite file:line for constraints.

When to use / not use

  • Use in the design phase, after the HLD is approved, in parallel with the backend LLD.
  • Don't implement, and don't design the backend. The cross-repo contract is not written here — you describe the API/data your UI needs to consume, and /api-contract reconciles the two LLDs into the formal OpenAPI contract afterward.

Inputs

  • feature, feature_slug, approved hld_path.
  • Artifact path — resolve it yourself from skills.config.yamlartifacts.lld with {slug} = feature_slug, i.e. .maestro/<slug>/lld/frontend.md. The caller passes no path; this skill owns where it writes.
Installs
10
GitHub Stars
1
First Seen
Jul 3, 2026
frontend-design — keyvaluesoftwaresystems/kv-skills