impeccable

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

Updated Jun 30, 2026
One-click install
npx skills add https://github.com/kaitoartz/dotfiles --skill impeccable-kaitoartz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/kaitoartz/dotfiles/tree/main/dot_gemini/skills/impeccable
Command: npx skills add https://github.com/kaitoartz/dotfiles --skill impeccable-kaitoartz

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? AI-generated frontend interfaces often look generic, contain accessibility failures, and ship with recognizable design anti-patterns. This Skill provides a structured workflow for designing, auditing, and polishing UI so the output reads as intentional, distinctive, and production-grade rather than AI-generated. ## Core Features & Use Cases - Command-driven UI workflow: 23 sub-commands (craft, shape, audit, polish, bolder, quieter, distill, harden, animate, colorize, typeset, layout, clarify, adapt, optimize, live, and more) each backed by a dedicated reference file defining its flow. - Anti-slop design rules: Enforces concrete constraints on color (OKLCH, contrast ratios), typography (scale, letter-spacing floors), layout, motion (easing curves, reduced-motion support), and bans known AI design tells like gradient text, side-stripe borders, and glassmorphism. - Project context awareness: Scripts detect PRODUCT.md/DESIGN.md, scan changed files for design defects, and route recommendations based on project state. - Use Case: Ask it to audit a dashboard for accessibility and responsive issues, then run polish to fix the flagged P0/P1 findings before shipping. ## Quick Start Ask the AI to use the impeccable skill to critique your landing page and suggest the highest-value improvements.

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 or generic-looking frontend design?▼

Invoke the bolder command to amplify safe designs through stronger hierarchy, committed scale, and decisive typography, or use colorize to introduce a strategic palette. Both commands reject common AI defaults like purple-blue gradients and glassmorphism before amplifying.

How to audit a web UI for accessibility and performance issues?▼

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

What design anti-patterns does this skill check for?▼

It bans gradient text, side-stripe borders over 1px, decorative glassmorphism, hero-metric templates, identical card grids, and repetitive uppercase eyebrow labels. It also flags over-rounded corners, ghost-card border-plus-shadow pairings, and cream/sand default backgrounds.

Does it support responsive design for mobile and tablet?▼

Yes, the adapt command rethinks layouts per context rather than scaling pixels, covering mobile, tablet, desktop, print, and email targets. It enforces 44px touch targets, pointer and hover media queries, safe-area insets, and content-driven breakpoints.

When should I not use this frontend design skill?▼

Do not use it for backend-only or non-UI tasks, as its entire workflow targets visual interfaces. It also defers to existing committed brand colors and design systems rather than replacing established identities.