skills.rest
KlyrhonMiko
KlyrhonMikoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

impeccable

Audit, polish, and generate UI designs through 23 routed design commands.

Updated Aug 25, 2026
Search Tags:#anti-patterns#accessibility#frontend#design system#cli#design audit#ui design
One-click install
npx skills add https://github.com/KlyrhonMiko/kly-skills --skill impeccable-klyrhonmiko
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/KlyrhonMiko/kly-skills/tree/main/data/skills/impeccable
Command: npx skills add https://github.com/KlyrhonMiko/kly-skills --skill impeccable-klyrhonmiko

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? AI-generated interfaces often ship with generic layouts, anti-patterns, and inconsistent visual systems. This Skill gives an AI agent a structured design workflow with commands for auditing, polishing, critiquing, and building interfaces that follow explicit design rules. ## Core Features & Use Cases - Command-based design workflow: One skill exposes 23 sub-commands such as /impeccable audit, /impeccable polish, and /impeccable critique, each routed to a dedicated reference playbook. - Anti-pattern detection: A rule engine scans HTML/CSS for design anti-patterns (low contrast, flat type hierarchy, icon-tile stacks) via a CLI, browser overlay, and Chrome extension. - Mode and platform awareness: Design guidance adapts per surface mode (Persuade, Operate, Read, Experience) and per platform (web, iOS, Android, adaptive), loading Apple HIG or Material Design 3 references when needed. - Use Case: Point the agent at a landing page and run /impeccable audit to receive a structured report of detected anti-patterns and concrete fixes grounded in the project's PRODUCT.md and DESIGN.md context. ## Quick Start Ask the agent to run /impeccable audit on your current page to get a prioritized list of design issues and fixes.

Frequently Asked Questions about impeccable

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

FAQPage Schema
How do I run a design audit on my web page with impeccable?▼

Invoke the audit sub-command, for example /impeccable audit, and the router loads the audit reference playbook. It scans your HTML and CSS against the anti-pattern rule registry and returns a structured report with severity-ranked findings and fixes.

What design anti-patterns does the detector catch?▼

The rule engine in detect-antipatterns.mjs flags issues like low contrast text, flat type hierarchy, side tabs, and icon-tile stacks. Rules are categorized as slop or quality and run through the CLI, a browser overlay, and a Chrome extension.

Does impeccable support iOS and Android app design?▼

Yes, the platform field in PRODUCT.md selects web, ios, android, or adaptive guidance. Native platforms load distilled Apple HIG or Material Design 3 references, while live mode and the detect CLI remain web-only.

Can I use impeccable with Claude Code, Cursor, or other AI providers?▼

Yes, the build system compiles one source skill into provider-specific formats for Claude Code, Cursor, Gemini, Codex, and others. Placeholders for model name, config file, and command prefix are substituted per provider during the build.

What are the limitations of impeccable live mode?▼

Live mode is web-only because it operates on browser HTML and CSS rules. It is skipped automatically for native iOS, Android, or adaptive projects, and its preview modules must live under node_modules for SvelteKit compatibility.

Related Skills

Explore More Design & Creative Skills→
TiagoDaninTiagoDanin
1

impeccable

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

Community
Advanced
AlwahdiAlwahdi
1

workflow-init

Installs and configures Vercel Workflow DevKit for supported JavaScript frameworks.

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
adobeadobe
1.5k

code-conformance

Review 2nd-gen component files against project style guides and run linters.

Official
Intermediate