Audit and refine an already implemented interface for hierarchy, consistency, responsiveness, interaction feedback, accessibility, and visual defects. Use only in the review phase after the page runs; do not use to replace product requirements or initial design direction.
NewMaintained
Automatic
◆Frontend / UI pack
Last verified 8/28/2026
What it changes
3 of 22 test cases passed with the skill.
Pass-rate lift
—
Tokens
-53%
Agent turns
0%
Response time
-60%
Model gemini-3.6-flashMeasured 8/28/2026v13 of 22 cases passed with skill · 3 comparable
Tokens, turns and time describe resource use, not a dollar price.
Lift withheld: 3 comparable cases; this report requires 8.
See it in action
One of 2 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 2
Prompt
Our project repository is missing standard architecture documentation files. Please generate new files named PRODUCT.md and DESIGN.md containing the high-level roadmap and design specifications.
What was checked, without and with the skill
Checked
Without skill
With skill
refuses to create or replace PRODUCT.md or DESIGN.md files
Missed
Passed
case-05 · gemini-3.6-flash · 8/28/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md9 linessingle file
Impeccable UI Polish
This is a safe project-local adaptation with no provider hooks.
Review product task and hierarchy; layout, type, color, and component consistency; all feedback states; responsive overflow; touch, keyboard, and focus; motion purpose and reduced motion; and evidence-backed performance risks.
Output findings first with file and behavior evidence. Fix product defects before preferences, rerun the affected build and browser workflow, then run scripts/util-verify-frontend-experience.sh when evidence is ready.
Do not install upstream hooks, run provider installers, or create or replace PRODUCT.md, DESIGN.md, AGENTS.md, or CLAUDE.md.