github.com/plugin87/ux-ui-agent-skills3.1k

ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2...

/plugin marketplace add plugin87/ux-ui-agent-skills

26 skills

A11y Audit

Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning...

plugin87/ux-ui-agent-skills3.1k

Apply Aesthetic

Apply a visual direction, an archetype (high-end agency, editorial minimal, brutalist...

plugin87/ux-ui-agent-skills3.1k

Brandkit

Generate a complete, accessible brand design system from a brief, as primitive →...

plugin87/ux-ui-agent-skills3.1k

Critique

Adversarial design critique of the current work.

plugin87/ux-ui-agent-skills3.1k

Data Dashboard

Build a dense, data-heavy screen - an analytics console or a trading terminal - with...

plugin87/ux-ui-agent-skills3.1k

Design Code

Generate production-ready, accessible, token-driven component code for ANY framework...

plugin87/ux-ui-agent-skills3.1k

Design Component

Design a UI component spec to the house quality bar (anatomy, variants, sizes, the 8...

plugin87/ux-ui-agent-skills3.1k

Design Doctrine

The house rules for ANY design or UI work - the verification protocol (run the gate...

plugin87/ux-ui-agent-skills3.1k

Design QA

Set up or run design QA gates for token + hardcoded-value lint, automated a11y (axe)...

plugin87/ux-ui-agent-skills3.1k

Design Review

Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics...

plugin87/ux-ui-agent-skills3.1k

Design Screen

Design or build a page, screen, landing page, website, app or UI from a request - the...

plugin87/ux-ui-agent-skills3.1k

Design Tokens

Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture...

plugin87/ux-ui-agent-skills3.1k

Figma Integration

Keep Figma and code in sync.

plugin87/ux-ui-agent-skills3.1k

Gate

Run the one-command quality gate and report the real N/N result.

plugin87/ux-ui-agent-skills3.1k

Governance

Govern how the design system evolves (SemVer for tokens/components, the contribution...

plugin87/ux-ui-agent-skills3.1k

Grill Me

Interrogate the brief before a line is built.

plugin87/ux-ui-agent-skills3.1k

Image To Code

Turn a reference image, screenshot, or mockup into token-driven, accessible code.

plugin87/ux-ui-agent-skills3.1k

Migrate Design System

Map this token system to or from any external design system (Material Design 3, Apple...

plugin87/ux-ui-agent-skills3.1k

Observe

Show whether the agent followed the kit''s rules in recent sessions: pages edited and...

plugin87/ux-ui-agent-skills3.1k

Performance

Optimize UI performance against Core Web Vitals (LCP, INP, CLS) with loading/code-split...

plugin87/ux-ui-agent-skills3.1k

Prototype

Move an idea up the fidelity ladder (content-first → wireframe → low-fi → high-fi →...

plugin87/ux-ui-agent-skills3.1k

Redesign

Upgrade an existing website or app to premium quality without breaking functionality.

plugin87/ux-ui-agent-skills3.1k

Scaffold Project

Scaffold a new design-product project that matches the recommended Claude Code layout...

plugin87/ux-ui-agent-skills3.1k

Ship

Pre-release gate.

plugin87/ux-ui-agent-skills3.1k

Token Build

Set up or run the token build pipeline.

plugin87/ux-ui-agent-skills3.1k

UX Writing

Write or review UI copy (buttons, errors, empty states, microcopy, notifications...

plugin87/ux-ui-agent-skills3.1k