Passed 12 of 22 test cases with the skill, and 3 of 22 without it.
Without skill14%
With skill55%
Checks it passed that the model alone missed
Sets CRAFT_LEVEL to 9
Sets VISUAL_DENSITY to 3
Avoids gradient colors on section rules
and 14 more in the full report
10 fixed2 passed either way9 still failing1 broke
Pass-rate lift
+41 pp
Tokens
+56%
Agent turns
0%
Response time
+24%
Model gemini-3.6-flashMeasured 8/24/2026v212 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 10 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 10
Prompt
I'm building a long-form essay reader for an online magazine and need a clean Tailwind/HTML article template. Please generate the layout including the main article hero, metadata byline, pull quotes, body paragraphs, and inline image captions. The design should focus heavily on readability and typography for extended reading sessions, following a classic print publication aesthetic.
What was checked, without and with the skill
Checked
Without skill
With skill
Avoids solid background colors on pull quote wrappers
Missed
Passed
Avoids using Newsreader for display typography
Missed
Passed
case-01 · gemini-3.6-flash · 8/24/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md94 linessingle file
UI Craft — Editorial
Pre-committed editorial style: magazine, long-form, content-first. Typography carries the hierarchy; layout serves the reading experience.
Knobs (locked)
CRAFT_LEVEL = 9 — editorial typography only works at high refinement; Polish Pass mandatory.
MOTION_INTENSITY = 4 — reading-aware: fade on reveal, link hovers, no entrance stagger.
VISUAL_DENSITY = 3 — wide reading column, generous vertical rhythm, 1 item per row for features.
Do not re-ask these in Discovery. Confirm accent + serif/sans pairing only.
Style anchors
Serif display for headings + humanist body sans/serif for reading.
Baseline grid feel. leading-relaxed (1.7) on body.
Accent used for emphasis — pull quotes, drop caps, link underlines — not decoration.
OpenType features ON: small caps, ligatures, stylistic sets, tabular figures where relevant.
Asymmetric, text-heavy heroes. Featured image large.
Motion respects reading: fades only, never pulls the eye away.
Black text, warm/ivory canvas, one accent. Color is a voice, not a decoration.
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 (the whole point)
Display: Playfair Display, Fraunces, Lora, or Source Serif 4 for headings and pull quotes.
Body: Alegreya, Source Sans 3, ITC Charter, or a humanist pairing. Do NOT use Inter as primary body — it reads as product UI, not editorial.
Max two families: one display + one body.
Headings: text-wrap: balance, font-optical-sizing: auto, tracking near 0 or slightly negative on large sizes.