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-contractreconciles the two LLDs into the formal OpenAPI contract afterward.
Inputs
feature,feature_slug, approvedhld_path.- Artifact path — resolve it yourself from
skills.config.yaml→artifacts.lldwith{slug}=feature_slug, i.e..maestro/<slug>/lld/frontend.md. The caller passes no path; this skill owns where it writes.