Design and build production-grade frontends with bold, distinctive aesthetics.
NewMaintained
Automatic
◆Frontend / UI pack
Last verified 8/20/2026
What it changes
Passed 4 of 22 test cases with the skill, and 18 of 22 without it.
Without skill83%
With skill17%
0 fixed3 passed either way13 still failing6 broke
Pass-rate lift
-67 pp
Tokens
+5%
Agent turns
0%
Response time
-3%
Model gemini-3.6-flashMeasured 8/20/2026v13 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
What's inside
The instructions your model reads when the skill loads.
SKILL.md33 linessingle file
frontend-design
Purpose
Design and build production-grade frontends with bold, distinctive aesthetics.
Routing
Use when: Use when the user asks to design and build production-grade frontends with bold, distinctive aesthetics.
Do not use when: Do not use when the request is asking for planning documents, high-level strategy, or non-executable discussion; use the relevant planning or design workflow instead.
Outputs: Outcome from frontend-design: task-specific result plus concrete action notes.
Success criteria: Returns concrete actions and decisions matching the requested task, with no fabricated tool-side behavior.
Trigger Examples
Positive
Use the frontend-design skill for this request.
Help me with frontend-design.
Use when the user asks to design and build production-grade frontends with bold, distinctive aesthetics.
frontend-design: provide an actionable result.
Negative
Do not use when the request is asking for planning documents, high-level strategy, or non-executable discussion; use the relevant planning or design workflow instead.
Do not use frontend-design for unrelated requests.
This request is outside frontend-design scope.
This is conceptual discussion only; no tool workflow is needed.
Runtime Prompt
Current runtime prompt length: 4071 characters.
Runtime prompt is defined directly in ../frontend-design.json.