skills.rest
thedutchvisiongroup
thedutchvisiongroupOFFICIAL
Explore all skills by this author →
WebsiteGitHub

impeccable

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

Updated Mar 28, 2026
Search Tags:#typography#accessibility#responsive design#design system#frontend design#ui audit#ux review
One-click install
npx skills add https://github.com/thedutchvisiongroup/agent-skills --skill impeccable-thedutchvisiongroup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/thedutchvisiongroup/agent-skills/tree/main/skills/impeccable
Command: npx skills add https://github.com/thedutchvisiongroup/agent-skills --skill impeccable-thedutchvisiongroup

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, poor accessibility, weak visual hierarchy, and inconsistent design systems. This Skill provides a structured workflow to design, critique, audit, and polish UI so it meets production quality standards. ## Core Features & Use Cases - Command-driven design workflow: Over 20 sub-commands (craft, shape, audit, critique, polish, animate, colorize, typeset, layout, harden, and more) each load a dedicated reference file defining a step-by-step flow for building, evaluating, refining, enhancing, or fixing UI. - Anti-AI-slop design rules: Enforces concrete bans (gradient text, side-stripe borders, glassmorphism, hero-metric templates, identical card grids) plus contrast, typography, motion, and responsive guidelines grounded in WCAG and OKLCH color practice. - Project context awareness: Setup scripts read PRODUCT.md and DESIGN.md, detect brand vs product register, generate brand palette seeds, and route recommendations based on repository signals. - Use Case: A developer asks to audit a dashboard 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 use the impeccable skill to critique your landing page, for example by saying: run impeccable critique on the homepage and suggest the top 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?▼

Invoke the audit command with a target, such as /impeccable audit dashboard. It runs checks across accessibility, performance, theming, responsive design, and anti-patterns, then produces a scored report with P0-P3 severity findings and recommended follow-up commands.

How do I make a bland AI-generated design look more distinctive?▼

Use the bolder command to amplify hierarchy, proportion, and contrast within the existing design system, or colorize to introduce a strategic palette. The skill explicitly bans common AI tells like gradient text, purple-blue gradients, and cream backgrounds.

What commands does the impeccable skill support?▼

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

Does the skill work on a brand-new project without existing design tokens?▼

Yes. Setup detects missing context and routes through the init command to create PRODUCT.md and DESIGN.md. For projects without committed brand colors, a palette script generates a brand seed color with OKLCH composition guidance.

When should I not use this skill?▼

Do not use it for backend-only or non-UI tasks. It is scoped to frontend interface work: visual design, UX review, accessibility, responsive behavior, motion, typography, and design systems.

Related Skills

Explore More Design & Creative Skills→
aymenhamoudiiaymenhamoudii

teach-impeccable

Extract design tokens and brand assets into .impeccable.md.

Community
Intermediate
samymitysamymity
1

browser-qa

Automate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.

Community
Intermediate
HCMUTE-RTICHCMUTE-RTIC

ui-visual-validator

Validate UI modifications for design system compliance and accessibility via screenshot analysis.

Official
Advanced
shinnytechshinnytech

using-shadcn-ui

Create React UI components with shadcn/ui and Tailwind CSS.

Official
Intermediate