Establish a distinctive and coherent visual direction for brand, showcase, premium web, or touch-first interfaces. Use during planning before implementation when the selected primary Profile needs stronger layout, typography, spacing, density, or motion art direction.
SkillScore83Maintained
Automatic
◆Design & UX Review pack
Last verified 9/26/2026
What it changes
Passed 20 of 24 test cases with the skill, and 11 of 24 without it.
Without skill46%
With skill83%
Checks it passed that the model alone missed
Classifies the project scope as Redesign - Preserve.
Includes viewport layout checks in the pre-flight checklist.
Classifies the project scope as Redesign - Preserve by default.
and 14 more in the full report
11 fixed9 passed either way2 still failing2 broke
Pass-rate lift
+38 pp
Tokens
-21%
Agent turns
0%
Response time
-31%
Model gemini-3.6-flashMeasured 9/26/2026v2 · latest is v320 of 24 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
This benchmark measured an earlier version of the skill.
A newer attempt on gemini-3.6-flash on 10/4/2026 did not produce a publishable comparison (not comparable). The snapshot above is the previously measured run.
See it in action
One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 11
Prompt
We are performing a visual direction review for an existing customer portal web app. No explicit approval for an overhaul has been granted. What default scope classification must be applied?
What was checked, without and with the skill
Checked
Without skill
With skill
Applies Redesign - Preserve as the default scope classification for existing projects.
Missed
Passed
case-20 · gemini-3.6-flash · 9/26/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md11 lines2 files
Taste Visual Direction
Read references/visual-direction-workflow.md before making design decisions. This project-local adaptation keeps docs/架构与设计/DESIGN.md as the visual source of truth.
Read the brief, audience, constraints, reference signals, existing UI, and design baseline.
Classify the work as Greenfield, Redesign - Preserve, or Redesign - Overhaul. Existing projects default to Preserve; Overhaul requires explicit approval.
Record one Design Read and reasoned DESIGN_VARIANCE, MOTION_INTENSITY, and VISUAL_DENSITY values.
Update the project design contract before production implementation, then hand off to the selected implementation and motion Profiles.
Run the reference pre-flight against real content, narrow and wide layouts, interaction states, accessibility, and project facts.
Preserve the existing stack, routes, navigation labels, business fields, analytics hooks, brand assets, and legal copy unless the user explicitly changes scope. Do not install packages, invent product facts, force an upstream aesthetic, or use this Skill for admin/data UI, isolated prototypes, native mobile, or formal raster assets.