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.