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.
From learnshipnpx claudepluginhub faviovazquez/learnship-marketplace --plugin learnshipThis skill uses the workspace's default tool permissions.
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 and optimizes AI agent action spaces, tool definitions, observation formats, error recovery, and context for higher task completion rates.
Enables AI agents to execute x402 payments with per-task budgets, spending controls, and non-custodial wallets via MCP tools. Use when agents pay for APIs, services, or other agents.
Compares coding agents like Claude Code and Aider on custom YAML-defined codebase tasks using git worktrees, measuring pass rate, cost, time, and consistency.
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.