Yash Parmar contributor

Bmad Dux Visual Architect

Author and lint DESIGN.md, then generate prototypes, marketing pages, and screens from that visual architecture in Claude Code.

Overview

bmad-dux-visual-architect is a plugin marketplace for the Build phase that delivers DESIGN.md authoring, linting, and UI prototype generation via the dux skill bundle.

What is this marketplace?

  • dux plugin v2.0.0 bundles 6 skills: setup, agent-mayasura, design-md, design-md-lint, prototype, screen
  • DESIGN.md authoring and linting as the single source of visual truth
  • DESIGN.md-driven prototype and marketing site generation
  • Screen-level generation for product UI flows
  • BMAD-oriented visual architecture workflow for agent-led design
  • 1 plugin (dux v2.0.0) exposing 6 skills in the marketplace manifest

Compatible agents: Claude Code, Cursor, Windsurf, any compatible agent

Community signal: 1 GitHub stars.

What problem does it solve?

Agent-built UIs diverge from your visual intent because design rules live in chat threads instead of a linted, agent-readable design contract.

Who is it for?

Solo builders using BMAD-style workflows who want DESIGN.md-driven UI generation inside Claude Code.

Skip if: Pure backend or CLI projects with no UI surface, or teams standardized on Figma-only handoffs without DESIGN.md.

What do I get? / Deliverables

You maintain DESIGN.md, catch inconsistencies with dux-design-md-lint, and spawn prototypes, marketing pages, and screens aligned to that file.

  • Linted DESIGN.md visual architecture document
  • Interactive or static prototype aligned to DESIGN.md
  • Generated marketing or product screens for implementation

Plugins in this marketplace

1 plugin — install individually after you add the marketplace.

Recommended Marketplaces

Journey fit

Primary fit

Canonical shelf is build/frontend because Dux turns design intent into UI artifacts agents can implement. Six bundled skills cover DESIGN.md lifecycle—from setup and lint through prototype and screen generation—which maps to frontend delivery.

How it compares

Visual-architecture skill suite marketplace, not a deployment or analytics plugin.

Common Questions / FAQ

Who is Bmad Dux Visual Architect for?

Claude Code users shipping web UI who want DESIGN.md as the canonical visual spec with lint and generation skills.

When should I use Bmad Dux Visual Architect?

Use it when defining or refreshing product UI—after validate, before or during frontend implementation.

How do I add Bmad Dux Visual Architect to my agent?

Add the Yash-1511/Bmad Dux Visual Architect marketplace, install the dux plugin, run dux-setup, then author DESIGN.md and invoke prototype or screen skills.

This week for builders

Five minutes, every Monday — the tools, releases and tactics for shipping solo.

unsubscribe anytime.