← ClaudeAtlas

ui-craft-minimallisted

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. Trigger on: minimal, clean, Linear-like, Notion-like, Vercel-like, whitespace-heavy.
educlopez/ui-craft · ★ 39 · Web & Frontend · 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 — 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. - **VISUAL_DENSITY = 2** — whitespace-heavy, 1-2 items per row, generous gutters. Do not re-ask these in Discovery. Skip straight to accent + font confirmation if ambiguous. ## Style anchors - Black or near-black type on white or near-white canvas. Monochrome + ONE accent. - Inter / Geist for body — never a display font. - Section padding 120-200px vertical, 40-80px gutters. - 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