← ClaudeAtlas

ui-craft-editoriallisted

Editorial / magazine / long-form / Medium / Substack / content-heavy UIs. Locked knobs: CRAFT=9, MOTION=4, DENSITY=3. Serif display + humanist body, wide reading column, drop caps, OpenType. Trigger on: editorial, magazine, long-form, blog, Medium-like, Substack-like.
educlopez/ui-craft · ★ 39 · Code & Development · score 86
Install: claude install-skill educlopez/ui-craft
<!-- AUTO-GENERATED. Do not edit here. Source: skills/ui-craft/ + commands/*.md. Regenerate with `node scripts/sync-harnesses.mjs`. --> # 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. - Wide reading column `max-w-[65ch]`. Generous vertical rhythm. - 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 ov