SkillMD SkillMD
light-dark-mode
Profile My skills Saved Collections Edit profile Submit a skill

← all plugins

Pwdev Uiux

by @pwdev-solucoes · plugin · 10 skills

Stack-agnostic UI/UX engineering v2.0 — 6 real subagents, 5-phase workflow with gates, Figma integration, WCAG 2.1 AA, audit hooks

Install the whole plugin (CLI)
npx skillmds add pwdev-solucoes/figma npx skillmds add pwdev-solucoes/reka-ui npx skillmds add pwdev-solucoes/ux-tokens npx skillmds add pwdev-solucoes/shadcn-vue npx skillmds add pwdev-solucoes/ui-scanner npx skillmds add pwdev-solucoes/accessibility npx skillmds add pwdev-solucoes/design-system npx skillmds add pwdev-solucoes/component-audit npx skillmds add pwdev-solucoes/ui-best-practices npx skillmds add pwdev-solucoes/ui-theme-reference
⬇ Download

Skills in this plugin

  1. ▌
    figma · pwdev-solucoes
    Translates between Figma designs and Vue 3 + shadcn-vue code, mapping Auto Layout to Tailwind, extracting design tokens, and pushing components back to Figma via MCP.
    2
    repo stars
  2. ▌
    reka-ui · pwdev-solucoes
    Compose custom Vue components with Reka UI v2 headless primitives, covering asChild/as composition, controlled state, portals, and Radix Vue migration.
    2
    repo stars
  3. ▌
    ux-tokens · pwdev-solucoes
    Defines and applies design tokens for Vue 3 + shadcn-vue projects, including CSS variables, Tailwind configuration, and usage patterns.
    2
    repo stars
  4. ▌
    shadcn-vue · pwdev-solucoes
    Scaffold, install, and compose shadcn-vue components built on Reka UI v2, including Vue variants, form patterns with vee-validate/Zod, and adaptation of existing components.
    2
    repo stars
  5. ▌
    ui-scanner · pwdev-solucoes
    Analyzes an existing Vue project's UI to map components, extract design tokens, and identify code patterns, then generates a project-specific contextual skill file for consistent future development.
    2
    repo stars
  6. ▌
    accessibility · pwdev-solucoes
    Audits Vue 3 + Reka UI components against WCAG 2.1 AA, covering ARIA, keyboard navigation, forms, images, dialogs, contrast, motion, and focus, with severity-based remediation guidance.
    2
    repo stars
  7. ▌
    design-system · pwdev-solucoes
    Documents, standardizes, and governs a Vue 3 + shadcn-vue design system, including component documentation templates, patterns for forms, empty states, loading states, and feedback, plus a consistency checklist and conventional commit conventions.
    2
    repo stars
  8. ▌
    component-audit · pwdev-solucoes
    Audits Vue 3 components for design-system consistency, legacy patterns, and missing states, producing a component log.
    2
    repo stars
  9. ▌
    ui-best-practices · pwdev-solucoes
    Enforces a canonical UI/UX ruleset with 14 sections and 70+ prioritized rules (P0–P3) for implementing, reviewing, or auditing UI components, referencing tokens from a theme reference.
    2
    repo stars
  10. ▌
    ui-theme-reference · pwdev-solucoes
    Canonical design token registry covering colors, typography, spacing, sizing, border radius, shadows, z-index, breakpoints, motion, and focus tokens, with a CSS variable template for project setup.
    2
    repo stars