Minimal / clean / Linear / Notion / Vercel / whitespace-heavy UIs. Locked knobs: CRAFT=8, MOTION=3, DENSITY=2. Monochrome + one accent, Inter/Geist, hairline borders over shadows.
SkillScore57Maintained
Automatic
◆Frontend / UI pack
Last verified 8/27/2026
What it changes
Passed 13 of 23 test cases with the skill, and 5 of 23 without it.
Without skill22%
With skill57%
Checks it passed that the model alone missed
Excludes blurred ambient glow elements.
Excludes background gradient mesh utilities.
Does not include bg-gradient utility classes.
and 8 more in the full report
8 fixed5 passed either way10 still failing0 broke
Pass-rate lift
+35 pp
Tokens
+48%
Agent turns
0%
Response time
+24%
Model gemini-3.6-flashMeasured 8/27/2026v213 of 23 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 8
Prompt
I'm building a new developer platform and need a landing page hero section designed in an ultra-clean, Vercel-inspired editorial aesthetic. Can you write the Tailwind React component for this? Keep the composition focused on crisp typography, generous breathing room, a single accent color for the main call to action, and subtle hover motion.
What was checked, without and with the skill
Checked
Without skill
With skill
Does not include backdrop-blur utility classes.
Missed
Passed
Does not include bg-gradient utility classes.
Missed
Passed
Does not include font-serif utility classes.
Passed
Passed
case-01 · gemini-3.6-flash · 8/27/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md93 linessingle file
UI Craft — Minimal
Pre-committed minimal style: editorial clean, Linear / Notion / Vercel. Whitespace is the composition. One accent, hairline borders, almost no motion.
Knobs (locked)
CRAFT_LEVEL = 8 — minimal aesthetics only work when executed precisely; Polish Pass is mandatory.
MOTION_INTENSITY = 3 — hover + modal enter/exit only. No scroll reveals, no page transitions, no stagger.
Hairline borders 1px solid oklch(92% 0.005 250) in place of shadows.
Typography is the hierarchy. No decorative gradients, patterns, or glass.
Single-column hero default. Asymmetry via one supporting element, not layout tricks.
Motion is punctuation, not spectacle.
Every pixel deliberate. When in doubt, cut it.
Base rules (inherited)
All rules in ../ui-craft/SKILL.md apply. This file overrides knob defaults and adds style-specific guidance below. The anti-slop and craft tests still apply in full.
Style-specific overrides
Typography
Body: Inter or Geist, 400 weight. UI emphasis: 500. Never 600/700 in body copy.
system-ui, -apple-system as fallback stack.
Headings: tracking-tight / -0.02em above 24px, 500 or 600 max.
text-wrap: balance on headings, text-wrap: pretty on paragraphs.
No display serifs. No geometric display sans. No mixing two sans families.