skills.rest
Vandit1604
Vandit1604COMMUNITY
Explore all skills by this author →
Website𝕏@v4nd1tGitHub

impeccable

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

3|Updated Jun 9, 2026
Search Tags:#typography#accessibility#responsive design#design system#frontend design#ui audit#ux critique
One-click install
npx skills add https://github.com/Vandit1604/vawe --skill impeccable-vandit1604
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/Vandit1604/vawe/tree/main/skills/impeccable
Command: npx skills add https://github.com/Vandit1604/vawe --skill impeccable-vandit1604

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? AI-generated interfaces tend to converge on generic, recognizable patterns (gradient text, cream backgrounds, card grids, eyebrow labels) and ship with contrast, accessibility, and responsive defects. This Skill provides a disciplined design workflow that produces distinctive, on-brand, production-ready frontend code instead of AI slop. ## Core Features & Use Cases - 23 routed sub-commands: 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 Iterate (live browser-based variant picking). - Register-aware design rules: Separate brand and product references with font reflex-reject lists, color strategies (Restrained through Drenched), motion budgets, and absolute bans on saturated AI patterns. - Project context system: Scripts generate PRODUCT.md/DESIGN.md context, seed brand palettes in OKLCH, detect anti-patterns in the working tree, and recommend next commands from project signals. - Use Case: Run /impeccable audit on a dashboard to get a scored report across accessibility, performance, theming, responsive design, and anti-patterns, then follow the prioritized /impeccable polish and fix commands it recommends. ## Quick Start Ask the AI to run /impeccable init to set up project context, then invoke a command like /impeccable critique landing page to review a surface.

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 AI-generated UI design?▼

Run the bolder command to amplify safe designs through stronger hierarchy, committed scale, and decisive typography, or use quieter to tone down overstimulating designs. Both commands reject common AI tells like gradient text and glassmorphism before amplifying.

How to audit frontend code for accessibility and performance issues?▼

The audit command runs technical checks across five dimensions: accessibility, performance, theming, responsive design, and anti-patterns. It produces a scored report out of 20 with P0-P3 severity-tagged findings and recommends specific follow-up commands.

What commands does the impeccable skill support?▼

It provides 23 sub-commands grouped by intent: craft, shape, init, document, extract for building; critique and audit for evaluation; polish, bolder, quieter, distill, harden, onboard for refinement; animate, colorize, typeset, layout, delight, overdrive for enhancement; clarify, adapt, optimize for fixes; and live for browser iteration.

Does it work on a brand-new project with no existing design system?▼

Yes. The init command sets up PRODUCT.md and DESIGN.md project context, and a palette script generates a brand seed color with OKLCH composition guidance. If existing tokens or brand colors are found, identity preservation takes priority instead.

When should I not use this frontend design skill?▼

It is not intended for backend-only or non-UI tasks. The skill covers interface design, UX review, motion, typography, and theming work; server logic, data pipelines, and infrastructure work fall outside its scope.

Related Skills

Explore More Design & Creative Skills→
aymenhamoudiiaymenhamoudii

teach-impeccable

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

Community
Intermediate
thompson0012thompson0012
28

frontend-qa

Audit frontend behavior in real browsers across functional, visual, accessibility, and performance dimensions.

Community
Advanced
AlenryuichiAlenryuichi
20

visual-testing-loop

Automate the visual regression testing loop for frontend interfaces with Playwright.

Community
Advanced
suhwansuhwan

component-builder

Generate reusable React TSX UI components with CSS from design-system references.

Community
Advanced