skills.rest
Tgoldi
TgoldiCOMMUNITY
Explore all skills by this author →
GitHub

impeccable

Designs, critiques, and refines frontend interfaces through structured sub-commands and design references.

1|Updated May 10, 2026
Search Tags:#typography#design system#frontend design#ui ux#design critique#accessibility audit#color strategy
One-click install
npx skills add https://github.com/Tgoldi/claude-skills --skill impeccable-tgoldi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/Tgoldi/claude-skills/tree/main/impeccable
Command: npx skills add https://github.com/Tgoldi/claude-skills --skill impeccable-tgoldi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Frontend interfaces built without design discipline end up generic, inconsistent, or inaccessible. This Skill enforces a structured design workflow with project context (PRODUCT.md/DESIGN.md), shared design laws, and 20+ targeted commands so UI work stays on-brand and production-grade. ## Core Features & Use Cases - Command-driven design workflow: 20+ sub-commands covering build (craft, shape, teach), evaluate (critique, audit), refine (polish, bolder, quieter, distill, harden), enhance (animate, colorize, typeset, layout, delight, overdrive), and fix (clarify, adapt, optimize). - Context gating: Loads PRODUCT.md and DESIGN.md via a script before any design work, blocking edits until brand and product context is confirmed. - Design law enforcement: Applies shared rules for color (OKLCH), typography, layout, motion, and copy, plus absolute bans on AI-slop patterns like gradient text, side-stripe borders, and glassmorphism. - Use Case: A developer asks to redesign a landing page. The Skill loads project context, identifies the brand register, applies typography and color strategy rules, then runs a critique and audit pass before polishing for ship. ## Quick Start Ask the agent to run $impeccable craft to design and build a new landing page feature for the current project.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I use the impeccable skill to design a landing page?▼

Run $impeccable craft with a feature description. The skill loads PRODUCT.md and DESIGN.md context first, runs a shape discovery interview to confirm a design brief, then builds the interface following its shared design laws.

What commands does the impeccable frontend design skill include?▼

It includes over 20 sub-commands grouped by purpose: craft, shape, teach, document, and extract for building; critique and audit for evaluation; polish, bolder, quieter, distill, harden, and onboard for refinement; animate, colorize, typeset, layout, delight, and overdrive for enhancement; clarify, adapt, and optimize for fixes.

Why does impeccable require PRODUCT.md before editing files?▼

PRODUCT.md captures users, brand, tone, and strategic principles so design output matches the project instead of generic defaults. If it is missing or placeholder, the skill runs $impeccable teach to create it before any mutation is allowed.

Does impeccable support accessibility and performance audits?▼

Yes. The audit command scores accessibility, performance, theming, responsive design, and anti-patterns on a 0-4 scale each, producing a report with P0-P3 severity findings and recommended follow-up commands.

When should I not use the impeccable skill?▼

Do not use it for backend-only or non-UI tasks. It is scoped to frontend interface design, iteration, and review; tasks like API development, database work, or server configuration fall outside its commands and design laws.

Related Skills

Explore More Design & Creative Skills→
mikaelcharbonneaumikaelcharbonneau

brand-context

Captures and stores core brand identity, audience, and positioning in a structured Markdown file.

Community
Basic
samymitysamymity
1

browser-qa

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

Community
Intermediate
Smooth-OperationSmooth-Operation

lighthouse-performance-optimization

Automate Lighthouse audits to measure web performance and generate reports.

Official
Advanced
theofernandezztheofernandezz

UI Engineering - Distinctive Design

Define design contracts and token-based systems for distinctive UI components.

Community
Advanced