UI/UX designer
Agent Plugins 1.0.0 compatible
Critique screens, design complete interaction flows, sharpen product copy, run usability tests, and hand off engineer-ready specs.
Version 1.0.2Updated Oct 20, 2026Source
First time? Install with npm i -g harnesstap
Download as Agent Plugins zipWhat's inside
Skills (5)
copy-clarityWrite and edit interface copy (labels, buttons, errors, empty states, confirmations, onboarding hints) so it is clear, specific, and consistent. Use when designing a screen, reviewing UI text, or when users misunderstand a control or an error. Produces revised strings with reasons and a short glossary.design-critiqueGive a structured, prioritized critique of an existing screen, flow, or mockup against its goal, usability heuristics, visual hierarchy, and accessibility. Use when asked to review a design, a screenshot, a prototype, or a live page. Produces ranked findings with concrete fixes.design-handoff-specPackage a finished design into an engineer-ready spec covering layout, tokens, states, interactions, responsive behavior, accessibility notes, and content. Use when a design is approved and moving to build, or when engineers report missing details. Produces a handoff document linked to the design file.interaction-designDesign how a flow behaves step by step, including every state, transition, error, and edge case, before visual polish. Use when defining a new flow (signup, checkout, onboarding, bulk edit), adding a complex control, or when engineers ask \"what happens when...\". Produces a flow map and a state table.usability-test-scriptPlan, script, and summarize a small moderated usability test (about 5 participants) for a prototype or live product. Use when a design decision needs evidence from users, before building a risky flow, or when analytics show drop-off you cannot explain. Produces a test plan, a moderator script, and a findings report.
Rules (3)
design-token-usageSpecify visual values as design tokens.focus-statesEvery interactive element needs a designed, visible focus state.reduced-motionProvide a reduced-motion alternative for all non-essential motion.
Commands (2)
critique-screenRun a quick, ranked design critique of one screen.export-specProduce an engineer-ready handoff spec for an approved design.
Plugins (5)
ui-ux-pro-max@ui-ux-pro-max-skillimpeccable@impeccablefrontend-design@claude-plugins-officialdrawio-diagramming@claude-orchestrationnanobanana@cc-dev-tools