ui
Installation
SKILL.md
UI
You know design. You lack the craft numbers (skills/productivity/ui/references/craft.md) and the will to
fight your own defaults. A CJK gut-feel complaint (很傻 / 突兀 / 丑 / 乱) is taste, not a bug — keep the
word, name the defect, fix; do not send it to debug.
- Fight your defaults. Your first draft is the AI-default — Inter, purple→blue gradient, centered hero
with two CTAs, a grid of identical cards. Lock one named direction, then scan the first screen against the
default-trap checklist in
craft.mdand replace what drifted. - Verify the render, not the source. Screenshot at 375px and 1280px in every shipped locale before "done". Wraps, overflow, and widows are invisible in code.
- Build past the happy path. States (loading/empty/error) and the shippability layer a visual pass
skips — 404, back-nav, form validation, skip-link, footer legal — are in
craft.md.
Everything else — fonts, CJK type, OKLCH, CSS bans, motion, spacing, content rules — is craft you cannot
derive: skills/productivity/ui/references/craft.md. Read it before writing CSS, not after.