Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From learnship
Audits and refines frontend UI with 21 actions for layout, typography, animation, responsiveness, color, performance, and polish. Invoke via @impeccable <action> like audit or typeset.
npx claudepluginhub faviovazquez/learnship-marketplace --plugin learnshipHow this skill is triggered — by the user, by Claude, or both
Slash command
/learnship:impeccableThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
A design quality system composed of 21 focused actions for auditing, refining,
frontend-design/reference/color-and-contrast.mdfrontend-design/reference/interaction-design.mdfrontend-design/reference/motion-design.mdfrontend-design/reference/responsive-design.mdfrontend-design/reference/spatial-design.mdfrontend-design/reference/typography.mdfrontend-design/reference/ux-writing.mdDesigns, redesigns, critiques, audits, polishes frontend UIs for websites, dashboards, components, forms. Covers UX review, accessibility, performance, responsive design, theming, typography, layout, color, motion, micro-interactions.
Designs, critiques, and iterates production-grade frontend interfaces with real code and committed design choices. Covers UX review, visual hierarchy, accessibility, performance, responsive behavior, theming, typography, color, motion, micro-interactions, and design systems.
Audits app UIs for visual hierarchy, spacing, typography, color, alignment, and components; generates phased, implementation-ready refinement plans.
Share bugs, ideas, or general feedback.
A design quality system composed of 21 focused actions for auditing, refining, and elevating frontend interfaces. Each action is a specialist — invoke the one that matches your current need.
Core principle: Good design is intentional. Every action here resists vague
"make it better" requests by applying a specific, disciplined lens. Use
frontend-design as the foundation — all other actions reference its
principles and anti-patterns.
adapt — Responsive & cross-platform adaptationanimate — Purposeful motion & micro-interactionsarrange — Layout, spacing & visual rhythmaudit — Comprehensive quality auditbolder — Amplify safe or boring designsclarify — UX copy, microcopy & labelscolorize — Strategic color additioncritique — UX effectiveness evaluationdelight — Moments of joy & personalitydistill — Strip to essenceextract — Reusable components & design tokensfrontend-design — Design foundation & principlesharden — Resilience, i18n & edge casesnormalize — Design system consistencyonboard — Onboarding flows & empty statesoptimize — Performance & loading speedpolish — Final quality pass before shippingquieter — Tone down aggressive designsteach-impeccable — Project design context setuptypeset — Typography: fonts, hierarchy & readabilityoverdrive — Technically ambitious implementationsInvoke with the action that matches your need:
@impeccable audit — full quality audit report
@impeccable polish — final pass before shipping
@impeccable critique — UX effectiveness review
@impeccable normalize — align with design system
@impeccable frontend-design — apply design foundation principles
When in doubt, start with @impeccable audit to get a full picture, then
use the specific action it recommends.
When an impeccable action produces a list of recommendations, improvements, or issues — always close with this suggestion:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
impeccable ► RECOMMENDATIONS READY
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
[N] improvements identified. To apply them in a traceable, structured way:
▶ Run `/new-milestone` to create a dedicated "UI Polish" or "Design Quality" milestone.
This turns these recommendations into versioned phases with plans, commits, and
verification — so nothing gets lost and every improvement is auditable.
Or apply them directly now and use `/decision-log` to record what was changed and why.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
This applies after: audit, critique, polish, normalize, harden, adapt, optimize, bolder, quieter, colorize, clarify, delight, onboard, animate, distill, extract, arrange, typeset, overdrive.
For teach-impeccable and frontend-design (which set up context, not produce recommendations), skip this suggestion.