skills.rest
quanthubbr
quanthubbrOFFICIAL
Explore all skills by this author →
GitHub

impeccable

Designs, audits, and refines frontend interfaces through structured UX and visual-quality workflows.

Updated Jul 14, 2026
Search Tags:#typography#accessibility#responsive design#design system#design audit#ui design#ux review
One-click install
npx skills add https://github.com/quanthubbr/tron-claude-config --skill impeccable-quanthubbr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/quanthubbr/tron-claude-config/tree/main/managed/skills/impeccable
Command: npx skills add https://github.com/quanthubbr/tron-claude-config --skill impeccable-quanthubbr

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Frontend interfaces often ship with bland visuals, weak hierarchy, accessibility gaps, and inconsistent design systems because teams lack a disciplined design review and refinement process. ## Core Features & Use Cases - Design Commands: Run 20+ targeted commands such as audit, critique, polish, bolder, quieter, animate, typeset, layout, and harden to evaluate and improve UI surfaces. - Design System Context: Capture product context in PRODUCT.md and visual language in DESIGN.md so every change stays on-brand across web and native iOS/Android platforms. - Use Case: A developer finishes a dashboard that feels generic. They run a critique to get heuristic scoring and persona red flags, then apply layout, colorize, and polish passes to raise it to production quality. ## Quick Start Ask the AI to use the impeccable skill to critique the current landing page and then polish the highest-priority issues it finds.

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

Run the bolder command on the target surface to amplify it using the design system's existing motifs and type scale. It raises the section to the expressive level of its neighbors without adding new colors, fonts, or primitives.

How to audit a web interface for accessibility and performance?▼

Use the audit command, which scores accessibility, performance, theming, responsive design, and implementation integrity from 0-4 each. It produces a report with P0-P3 severity findings and recommends follow-up commands to fix them.

Does this design workflow support native iOS and Android apps?▼

Yes, native platforms route to dedicated references covering SwiftUI, UIKit, Jetpack Compose, React Native, and Flutter. They enforce platform conventions like Dynamic Type, Material color roles, safe-area insets, and system back gestures.

What is the difference between critique and audit commands?▼

Critique evaluates UX design quality with Nielsen heuristic scoring, persona testing, and design-specificity judgment. Audit runs technical code-level checks on accessibility, performance, theming, and responsive behavior without design opinion.

When should I not use this UI design skill?▼

It is not intended for backend-only or non-UI tasks. It also avoids open-ended self-QA loops; verification is bounded to one or two batched inspection rounds before handing off to finish workflows.

Related Skills

Explore More Design & Creative Skills→
Kael-DeanKael-Dean

frontend-design

Design production-grade frontend interfaces with cohesive design systems and polished code.

Community
Advanced
DozyboyDozyboy

hs:code-review

Reviews code diffs for bugs, security issues, and regressions with a gated verdict artifact.

Community
Advanced
zivtechzivtech

ui-critic

Evaluate UI designs and live web interfaces for usability and WCAG 2.1 AA accessibility.

Official
Advanced
sheriaxsheriax

clerk-custom-ui

Create custom Clerk authentication flows and theme components with React hooks.

Official
Intermediate