impeccable

Designs, critiques, and refines production-grade frontend interfaces through structured sub-commands.

1|Updated Jun 22, 2026
One-click install
npx skills add https://github.com/aemgdc/aemdev --skill impeccable-aemgdc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/aemgdc/aemdev/tree/main/.agents/skills/impeccable
Command: npx skills add https://github.com/aemgdc/aemdev --skill impeccable-aemgdc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? AI-generated interfaces often look generic, bland, or full of recognizable design clichés. This Skill enforces deliberate design decisions for frontend work by loading project context (PRODUCT.md and DESIGN.md), applying shared design laws, and routing tasks through specialized sub-commands so UI output is distinctive, accessible, and production-ready. ## Core Features & Use Cases - Command-based design workflow: 23 sub-commands organized into Build (craft, shape, teach, document, extract), Evaluate (critique, audit), Refine (polish, bolder, quieter, distill, harden, onboard), Enhance (animate, colorize, typeset, layout, delight, overdrive), Fix (clarify, adapt, optimize), and Iterate (live) categories. - Context gates before edits: Requires loading PRODUCT.md/DESIGN.md via a context script, identifying brand vs. product register, and confirming a shape brief before any file mutation. - Design law enforcement: Covers OKLCH color strategy, typography pairing with reflex-reject font lists, layout rhythm, motion easing rules, and absolute bans on AI-slop patterns like gradient text, side-stripe borders, and glassmorphism. - Use Case: Ask the agent to redesign a landing page; it loads your product context, confirms a shape brief, generates visual mocks, then implements the page while avoiding generic AI aesthetics. ## Quick Start Ask the agent to run $impeccable craft on your landing page so it loads your product context, confirms a design brief, and builds the interface.

Frequently Asked Questions about impeccable

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use the impeccable skill to design a landing page?▼

Run $impeccable craft with your feature target. The skill loads PRODUCT.md and DESIGN.md context first, confirms a shape brief with you, generates visual mocks when image generation is available, then implements the page following its design laws.

What commands does the impeccable frontend design skill support?▼

It provides 23 sub-commands grouped by purpose: craft, shape, teach, document, and extract for building; critique and audit for evaluation; polish, bolder, quieter, distill, harden, and onboard for refinement; animate, colorize, typeset, layout, delight, and overdrive for enhancement; clarify, adapt, and optimize for fixes; plus live for browser-based iteration.

Why does the skill require PRODUCT.md before editing files?▼

PRODUCT.md supplies users, brand, tone, and strategic principles that ground design decisions in the actual project. Without it the skill runs $impeccable teach to create the context first, because designing without product context produces generic output.

What design anti-patterns does the skill ban?▼

It bans side-stripe borders over 1px, gradient text, decorative glassmorphism, hero-metric templates, identical card grids, and modal-first thinking. It also rejects reflex default fonts like Inter, Fraunces, and Space Grotesk, plus saturated aesthetic lanes such as generic editorial-magazine styling.

Can the skill audit an existing UI for accessibility and performance?▼

Yes. The $impeccable audit command scores five dimensions (accessibility, performance, theming, responsive design, anti-patterns) from 0-4 each, reports issues with P0-P3 severity tags, and recommends follow-up commands to fix findings.

When should I not use this skill?▼

Do not use it for backend-only or non-UI tasks. It is scoped to frontend interface design, review, and refinement; tasks like API development, database work, or server configuration fall outside its scope.