impeccable

Designs, audits, and refines production-grade frontend interfaces through structured command workflows.

Updated Jun 22, 2026
One-click install
npx skills add https://github.com/aicodepro/ai-agent-nexi --skill impeccable-aicodepro
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/aicodepro/ai-agent-nexi/tree/main/agent/skills/impeccable
Command: npx skills add https://github.com/aicodepro/ai-agent-nexi --skill impeccable-aicodepro

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? AI-generated frontend interfaces tend to converge on generic, recognizable patterns (gradient text, cream backgrounds, card grids, bounce easing) that look templated and fail accessibility or craft standards. This Skill provides a disciplined design workflow with explicit anti-pattern bans, register-specific guidance, and command-driven flows to produce distinctive, production-grade UI. ## Core Features & Use Cases - Command-driven design workflows: 20+ sub-commands (craft, shape, audit, polish, bolder, quieter, typeset, layout, colorize, animate, clarify, adapt, optimize, harden, and more) each with a dedicated reference file defining the exact flow. - Anti-slop rule system: Absolute bans on AI tells (side-stripe borders, gradient text, glassmorphism, hero-metric templates, numbered eyebrows) plus brand and product register guidance covering typography, OKLCH color strategy, motion, and imagery. - Context-aware setup: Scripts detect project context (PRODUCT.md, DESIGN.md, design tokens, dev server state) and seed brand palettes so output aligns with existing conventions. - Use Case: A developer asks to redesign a bland dashboard. The skill loads project context, reads the product register reference, applies contrast, typography, and layout rules, then iterates in the browser until the UI passes the AI-slop test. ## Quick Start Ask the assistant to use the impeccable skill to critique and polish the main landing page of your project.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I improve a bland AI-generated landing page design?

Invoke the bolder command to amplify safe designs through stronger hierarchy, committed scale, and decisive typography. The workflow rejects default tricks like cyan-purple gradients and glassmorphism, then rebuilds visual impact around a single focal point.

What commands does the impeccable design skill support?

It provides over 20 commands grouped by intent: build (craft, shape, init, extract), evaluate (critique, audit), refine (polish, bolder, quieter, distill, harden), enhance (animate, colorize, typeset, layout, delight), and fix (clarify, adapt, optimize), plus a live browser iteration mode.

How does the skill avoid generic AI design patterns?

It enforces absolute bans on common AI tells such as gradient text, side-stripe borders, hero-metric templates, and cream backgrounds, plus reflex-reject lists for overused fonts and saturated aesthetic lanes. Every design must pass an AI-slop test before shipping.

Does the skill work with existing design systems and tokens?

Yes. Setup requires reading existing CSS tokens, themes, and components before designing, and committed brand colors take precedence over generating new palettes. New projects without tokens receive a generated brand seed color composed in OKLCH.

What accessibility standards does the design audit check?

The audit command scores accessibility on a 0-4 scale against WCAG criteria: 4.5:1 contrast for body text, 3:1 for large text and UI components, keyboard navigation, ARIA roles, semantic HTML, and reduced-motion alternatives for every animation.