impeccable

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

Updated May 11, 2026
One-click install
npx skills add https://github.com/cloudofgeorge/AI-hands-Engineer --skill impeccable-cloudofgeorge
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/cloudofgeorge/AI-hands-Engineer/tree/main/skills/design/impeccable
Command: npx skills add https://github.com/cloudofgeorge/AI-hands-Engineer --skill impeccable-cloudofgeorge

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Frontend interfaces built quickly often suffer from generic AI-generated aesthetics, weak typography, poor contrast, and inconsistent design decisions. This Skill provides a structured workflow for designing, auditing, and refining UI so the output reads as intentional, distinctive, and production-grade rather than templated. ## Core Features & Use Cases - Command-driven design workflow: Over 20 sub-commands (craft, shape, audit, critique, polish, bolder, quieter, typeset, layout, animate, clarify, adapt, optimize, and more) each backed by a dedicated reference file defining its flow. - Register-aware guidance: Separate brand and product registers with anti-slop rules, reflex-reject font lists, color strategies, and absolute bans on common AI design tells like gradient text, glassmorphism, and eyebrow kickers. - Project context integration: Scripts detect PRODUCT.md, design tokens, dev server state, and git changes to recommend the highest-value next command. - Use Case: A developer asks to audit a landing page; the Skill runs technical checks across accessibility, performance, theming, responsive design, and anti-patterns, then produces a scored report with prioritized fix commands. ## Quick Start Ask the agent to run the impeccable audit command on your landing page to get a scored quality report with prioritized fixes.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I audit a frontend UI for accessibility and performance issues?▼

Run the audit sub-command, which scores five dimensions (accessibility, performance, theming, responsive design, anti-patterns) from 0-4 each and produces a report with P0-P3 severity-tagged findings. Each finding maps to a recommended follow-up command like polish, adapt, or optimize.

How do I make a bland landing page design more distinctive?▼

Use the bolder sub-command, which amplifies typography scale, color commitment, spatial drama, and composition while rejecting common AI defaults like purple-blue gradients and glassmorphism. The brand register reference guides font selection away from saturated training-data defaults.

What is the difference between the brand and product registers?▼

The brand register applies when design is the product, such as landing pages, marketing sites, and portfolios, permitting committed color strategies and ambitious motion. The product register applies to app UI, dashboards, and tools, where design serves the task and restraint is preferred.

Does this workflow require an existing design system or tokens?▼

No. For brand-new projects without committed colors, the palette script generates a brand seed color in OKLCH and guides palette composition. When existing tokens are found, identity preservation takes priority and the palette step is skipped.

When should I not use this frontend design workflow?▼

It is not suited for backend-only or non-UI tasks, as the entire command set targets visual interfaces, UX copy, motion, and responsive behavior. Pure API, database, or infrastructure work falls outside its scope.