Turns requirements and PRDs into wireframes, user flows, and accessibility specs. You'd use this in the planning phase before architecture and development to map out screens, navigation paths, and interaction patterns. It's got WCAG 2.1 AA compliance built in with contrast checkers and accessibility checklists, plus templates for design docs and user flows. The ASCII wireframes are practical for text-based collaboration, and the mobile-first approach with breakpoint scripts keeps responsive design consistent. Hands off component specs and design tokens to developers so they're not guessing at spacing or interaction states. It runs parallel subagents to design multiple screens simultaneously, which makes sense for larger apps with 5-10 distinct flows.

skills.sh installs
493
GitHub stars
494
last updated
Aug 21, 2026

Install

$ npx -y skills add aj-geddes/claude-code-bmad-skills --skill ux-designer --agent claude-code

Installs into .claude/skills of the current project.

Files

Turns requirements and PRDs into wireframes, user flows, and accessibility specs. You'd use this in the planning phase before architecture and development to map out screens, navigation paths, and interaction patterns. It's got WCAG 2.1 AA compliance built in with contrast checkers and accessibility checklists, plus templates for design docs and user flows. The ASCII wireframes are practical for text-based collaboration, and the mobile-first approach with breakpoint scripts keeps responsive design consistent. Hands off component specs and design tokens to developers so they're not guessing at spacing or interaction states. It runs parallel subagents to design multiple screens simultaneously, which makes sense for larger apps with 5-10 distinct flows.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/aj-geddes/claude-code-bmad-skills
Categories
Frontend Development, Mobile Development, Design & UI/UX
First seen
Jun 3, 2026

More from aj-geddes/claude-code-bmad-skills

All 10
1inertia-rails avatarinertia-rails-formsinertia-rails/skillsFull-stack form handling for Inertia Rails: create, edit, delete, multi-step wizard, and file upload forms with validation errors and progress tracking. React e491skills.sh installs
2webmaxru avatarenonic-nextxp-integrationwebmaxru/enonic-agent-skillsGuides setup, development, and troubleshooting of the Next.js and Enonic XP headless integration (Next.XP framework). Covers Enonic adapter configuration, conte488skills.sh installs
3openstatushq avatardata-table-filtersopenstatushq/data-table-filtersInstall and extend data-table-filters — a React data table system with faceted filters (checkbox, input, slider, timerange), sorting, infinite scroll, virtualiz485skills.sh installs
4bobmatnyc avatarsupabase-backend-platformbobmatnyc/claude-mpm-skillsSupabase open-source Firebase alternative with Postgres, authentication, storage, and realtime subscriptions. Use when building full-stack applications requirin482skills.sh installs
5jezweb avatartiptapjezweb/claude-skillsBuild rich text editors with Tiptap - headless editor framework with React and Tailwind v4. Covers SSR-safe setup, image uploads, prose styling, and collaborati478skills.sh installs
6l3wi avatareda-pcbl3wi/claude-edaPCB layout and routing. Component placement, trace routing, copper pours, design rule configuration, and layout optimization for manufacturability.477skills.sh installs