← ClaudeAtlas

impeccable-craft-floorlisted

The non-negotiable quality floor and absolute bans to verify immediately before shipping any UI. Use as a final pre-ship checklist on a built result, not as an intention. Covers contrast ratios, real shadow depth, focus visibility, motion respect, and the mechanical defects that design review tends to miss.
JZKK720/cubecloud-skills-bundle-kit · ★ 3 · AI & Automation · score 69
Install: claude install-skill JZKK720/cubecloud-skills-bundle-kit
# Craft floor Load this after the direction is settled, and build without announcing the checklist. A pinned brief or the committed visual world overrides anything here; your own habit does not. Run the checks below in your verification pass before shipping. ## Verify Each of these is a check on the built result, not an intention. Run them together in the batched inspection rounds, not as separate screenshot trips; the checks share one render. - **Contrast:** body and placeholder text ≥4.5:1, large text ≥3:1. On colored surfaces tint secondary text from that hue or the foreground; never gray. - **Depth:** shadows carry an offset and a soft blur. A zero-offset colored halo is decoration. - **Spacing:** tight groups, generous separation, more space above a heading than below it. Read the computed values. - **Type:** body measure 65–75ch, display max 6rem, tracking floor -0.04em, balanced headings, obvious scale and weight steps. Run the real copy at every breakpoint and fix what overflows. - **Motion:** one authored moment, not scattered effects and not one identical entrance on every section. Exponential ease-out from an already-visible default. Reach past transform and opacity: blur, backdrop-filter, clip-path, mask, and shadow belong to the palette when they stay smooth. - **States:** hover, disabled, loading, error, empty. Plus real content, working controls, responsive composition, keyboard focus. - **Browser surfaces:** the parts you did not draw still carry the desig