skills.rest
mintuz
mintuzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

impeccable

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

3|Updated Nov 8, 2014
Search Tags:#typography#accessibility#design system#frontend design#oklch#ui audit#ux review
One-click install
npx skills add https://github.com/mintuz/.dotfiles --skill impeccable-mintuz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/mintuz/.dotfiles/tree/main/agents/.agents/skills/impeccable
Command: npx skills add https://github.com/mintuz/.dotfiles --skill impeccable-mintuz

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 typography, and inconsistent design systems. This Skill provides a structured workflow for designing, auditing, and refining UI so the output is distinctive, accessible, and production-ready. ## Core Features & Use Cases - Command-driven design workflow: Over 20 sub-commands (craft, shape, audit, polish, bolder, quieter, colorize, typeset, layout, animate, adapt, clarify, harden, and more) each load a dedicated reference file defining a step-by-step flow for building, evaluating, refining, or fixing UI. - Anti-AI-slop guardrails: Enforces explicit bans on saturated design tells (gradient text, side-stripe borders, glassmorphism, hero-metric templates, cream backgrounds) plus contrast, typography, motion, and responsive rules. - Project context awareness: Scripts detect PRODUCT.md/DESIGN.md, generate brand palette seeds in OKLCH, scan changed files for design defects, and manage pin shortcuts and detector hooks. - Use Case: A developer asks to redesign a landing page; the Skill loads project context, selects the brand register, generates a palette seed, applies typography and layout rules, and ships responsive, accessible code. ## 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 UI design?▼

Invoke the bolder command to amplify safe designs through stronger hierarchy, committed scale, and decisive typography, or use colorize to introduce a strategic OKLCH palette. The skill explicitly rejects saturated AI defaults like purple-blue gradients and glassmorphism.

How do I audit a frontend 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 commands does the impeccable design skill support?▼

It provides over 20 commands grouped by intent: build (craft, shape, init, extract), evaluate (critique, audit), refine (polish, bolder, quieter, distill, harden), enhance (animate, colorize, typeset, layout, delight), and fix (clarify, adapt, optimize). Each loads a dedicated reference file with its workflow.

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

Yes. For greenfield projects it runs a palette script that generates a brand seed color with OKLCH composition guidance, then applies new-project color and theme rules. If no PRODUCT.md exists, the init command sets up project context first.

When should I not use this frontend design skill?▼

Do not use it for backend-only or non-UI tasks; its scope is strictly frontend interfaces and design systems. It also defers to existing committed brand identities rather than replacing established tokens and fonts.

Related Skills

Explore More Design & Creative Skills→
mae616mae616
9

persona-designer

Create evidence-based persona briefs from observations and constraints.

Community
Basic
noahsilve123noahsilve123
1

playwright-skill

Automate cross-browser end-to-end testing of web applications with Playwright.

Community
Advanced
ExpanlyExpanly

design-review

Automate visual design review of React/Tailwind interfaces with Playwright.

Official
Advanced
alinur527alinur527

ckm:ui-styling

Create accessible React interfaces with shadcn/ui components and Tailwind CSS.

Community
Advanced