Stats
Actions
Available In
Tags
Plugin
pwdev-uiux
Stack-agnostic UI/UX engineering framework for Claude Code — 8 agents, 5-phase workflow, Figma integration, WCAG 2.1 AA. Supports shadcn-vue, shadcn/ui, PrimeVue, Untitled UI, Tailwind Plus, and custom stacks.
What's Inside
Slash Commands13
/pwdev-uiux:analyze
/analyze
Quick UX + Figma analysis without starting a full flow. Activates ux-analyst and optionally design-bridge. Useful for exploration before committing to an implementation.
/pwdev-uiux:audit — Audit Trail Query
/audit
Query the audit trail database for events, decisions, artifacts, and statistics. Export full PDF report.
/pwdev-uiux:build — Implement Component
/build
Implements UI components based on the validated spec and configured stack (.planning/ui/stack.json). Checks gates before starting. Uses project-ui-skill when available.
/pwdev-uiux:handoff
/handoff
Generates complete handoff documentation for the implemented and approved UI components. Consolidates specs, findings and acceptance criteria.
/pwdev-uiux:init — Framework Initialization
/init
Initialize the pwdev-uiux framework — detects project stack, creates .planning/ui/ workspace, checks Figma MCP.
Agents8
a11y-reviewer
/a11y-reviewer
Audits WCAG 2.1 AA accessibility in UI components based on the configured stack. Also validates compliance with accessibility-related P0 rules from ui-best-practices skill (dark mode, font sizes, focus, motion, touch targets). Invoked by the orchestrator in PHASE 4, in parallel with ux-critic. Appends findings to .planning/ui/review-findings.md.
design-bridge
/design-bridge
Bidirectional bridge between Figma and the configured UI stack. READ: Translates Figma designs into implementation specs (PHASE 2). WRITE: Pushes implemented components back to Figma (push-to-figma command). Invoked by the orchestrator or push-to-figma command. Never implements component code.
orchestrator
/orchestrator
Coordinator of the pwdev-uiux framework. Active when the user uses /pwdev-uiux:start or when a UI/UX task requires coordination between multiple agents. Stack-agnostic — reads .planning/ui/stack.json for framework/library config. Never writes component code directly — delegates to specialized agents.
theme-builder
/theme-builder
Semantic Theme Engineer — creates and maintains design token systems (CSS variables + Tailwind config) with light/dark mode and WCAG AA contrast.
ui-builder
/ui-builder
Specialist in implementing UI components. Reads the configured UI stack from .planning/ui/stack.json, follows ui-best-practices skill rules during implementation, and uses ui-theme-reference skill as the canonical token source. Active in PHASE 3. Never implements without an approved spec.
Skills10
accessibility
/accessibility
Accessibility auditing and remediation skill for Vue 3 + Reka UI. Use when reviewing components, verifying WCAG 2.1 AA, fixing ARIA issues, or validating keyboard navigation in Reka UI components.
component-audit
/component-audit
Audit of existing Vue components in the project. Use when reviewing Vue design system consistency, identifying duplicate patterns, evaluating legacy components (Options API), or before implementing something new.
design-system
/design-system
Documentation, standardization, and governance of the Vue + shadcn-vue design system. Use when creating component documentation, auditing consistency, defining naming conventions, or generating usage guides for the team.
figma
/figma
Bidirectional Figma skill — read designs and write back to Figma. READ: extract tokens, map Vue/Reka UI components, translate Auto Layout to Tailwind. WRITE: push components, screens, and design tokens from code to Figma. Requires /figma:figma-use skill before every use_figma call.
reka-ui
/reka-ui
Skill for direct usage of Reka UI v2 headless primitives (the foundation of shadcn-vue). Use when you need to compose custom components beyond those available in shadcn-vue, understand asChild/as, controlled state, portals, or migrate from Radix Vue.
Stats
Version1.1.2
Released
LanguageShell
Stars2
Forks1
MaintenanceGood
LicenseApache-2.0
Last Commit
Added
Available In
Safety Signals
Caution
Uses power tools
Uses Bash, Write, or Edit tools
Tags
Categories
