impeccable

Frontend design and iteration for production-grade interfaces, from concept to ship.

- Covers full-surface design (landing pages, dashboards, product UI, components) and targeted refinement (typography, color, layout, motion, copy, accessibility, responsive behavior)

- Includes 20+ commands for building (craft, shape), evaluating (critique, audit), refining (polish, bolder, quieter), and enhancing (animate, colorize, typeset)

- Enforces production standards: contrast verification, semantic z-index, reduced-motion support, no overflow, battle-tested responsive behavior, and explicit anti-patterns (side-stripe borders, gradient text, glassmorphism as default)

- Integrates with project context (PRODUCT.md, DESIGN.md, existing tokens) to preserve brand identity and avoid cross-project monoculture; includes palette generation for new projects and live browser iteration mode

Designs and iterates production-grade frontend interfaces. Real working code, committed design choices, exceptional craft.

Setup

Before any design work or file edits:

- Load context (PRODUCT.md / DESIGN.md) via the loader script.

- Identify the register and load the matching register reference (brand.md or product.md).

- If the user invoked a sub-command (e.g. craft, shape, audit), load its reference file too. This is non-negotiable: craft without craft.md loaded means you'll skip the shape-and-confirm step the user expects.

Skipping these produces generic output that ignores the project.

1. Context gathering

Two files, case-insensitive. The loader looks at the project root by default and falls back to .agents/context/ and docs/ if the root is clean. Override with IMPECCABLE_CONTEXT_DIR=path/to/dir (absolute or relative to cwd).

- PRODUCT.md: required. Users, brand, tone, anti-references, strategic principles.

- DESIGN.md: optional, strongly recommended. Colors, typography, elevation, components.