pwdev-uiux

v2.0.1

Stack-agnostic UI/UX engineering framework for Claude Code — 6 real subagents + inline orchestrator/theme personas, 5-phase workflow with human gates, Figma integration, WCAG 2.1 AA, deterministic SQLite audit via hooks. Supports shadcn-vue, shadcn/ui, PrimeVue, Untitled UI, Tailwind Plus, and custom stacks.

Claude Code10 Skills

By Paulo SoaresLicense: Apache-2.02 GitHub starsUpdated last week

Directory evidence

Runtimes: Claude Code
Parsed components: 10 skill or MCP entries
Source updated: Sep 15, 2026
Manifest status: Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install pwdev-uiux for Claude Code

Installs for the current user

claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install pwdev-uiux@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually

$ git clone https://github.com/pwdev-solucoes/pwdev-claude-marketplace

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/pwdev-uiux/.

Plugin files

plugins/pwdev-uiux/

├── .claude-plugin/plugin.json
├── skills/accessibility/SKILL.md
├── skills/component-audit/SKILL.md
├── skills/design-system/SKILL.md
├── skills/figma/SKILL.md
├── skills/reka-ui/SKILL.md
├── skills/shadcn-vue/SKILL.md
├── skills/ui-best-practices/SKILL.md
├── skills/ui-scanner/SKILL.md
├── skills/ui-theme-reference/SKILL.md
└── skills/ux-tokens/SKILL.md

Included Skills10

accessibilityskills/accessibility/SKILL.md

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-auditskills/component-audit/SKILL.md

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-systemskills/design-system/SKILL.md

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.

figmaskills/figma/SKILL.md

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-uiskills/reka-ui/SKILL.md

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.

shadcn-vueskills/shadcn-vue/SKILL.md

Skill for scaffolding, installation, and composition of shadcn-vue components (based on Reka UI v2). Use when you need to install components, understand Vue variants, compose patterns with vee-validate/Zod, or adapt existing components. Stack: Vue 3 + Reka UI v2 + Tailwind CSS.

ui-best-practicesskills/ui-best-practices/SKILL.md

Canonical UI/UX best practices ruleset with 14 sections and 70+ rules prioritized P0–P3. Use when implementing, reviewing, or auditing UI components. P0 rules are mandatory — violations are bugs. All rules reference tokens from ui-theme-reference.

ui-scannerskills/ui-scanner/SKILL.md

Skill for analyzing a project's existing UI in Vue. Activates when the user uses /pwdev-uiux:scan or asks to "analyze the project UI", "map existing components", "understand project patterns", or "create project skill". Generates .planning/ui/project-ui-skill.md with project-specific patterns and tokens.

ui-theme-referenceskills/ui-theme-reference/SKILL.md

Canonical design token registry — colors, typography, spacing, sizing, border radius, shadows, z-index, breakpoints, motion, and focus tokens. Used by ui-best-practices rules and all agents that implement or review UI components. Includes CSS variable template for quick project setup.

ux-tokensskills/ux-tokens/SKILL.md

Definition, documentation, and application of design tokens for Vue 3 + shadcn-vue. Use when configuring a new project, extracting tokens from Figma, or ensuring token consistency across Vue components.

Plugin manifests1

plugins/pwdev-uiux/.claude-plugin/plugin.json

{
  "name": "pwdev-uiux",
  "displayName": "PWDEV UI/UX — Stack-Agnostic UI Engineering",
  "version": "2.0.1",
  "description": "Stack-agnostic UI/UX engineering framework for Claude Code — 6 real subagents + inline orchestrator/theme personas, 5-phase workflow with human gates, Figma integration, WCAG 2.1 AA, deterministic SQLite audit via hooks. Supports shadcn-vue, shadcn/ui, PrimeVue, Untitled UI, Tailwind Plus, and custom stacks.",
  "author": {
    "name": "Paulo Soares",
    "url": "https://github.com/soarescbm"
  },
  "homepage": "https://github.com/pwdev-solucoes/pwdev-claude-marketplace",
  "repository": "https://github.com/pwdev-solucoes/pwdev-claude-marketplace",
  "license": "Apache-2.0",
  "keywords": [
    "claude-code",
    "claude-plugin",
    "ui-ux",
    "stack-agnostic",
    "subagents",
    "hooks",
    "vue3",
    "react",
    "shadcn",
    "primevue",
    "tailwind",
    "accessibility",
    "wcag",
    "figma",
    "design-system"
  ]
}