impeccable
Installation
Summary
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
SKILL.md
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:craftwithoutcraft.mdloaded 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.