Design
An agent that picks a component library picks your accessibility story, your theming model, and your upgrade path with it. This is what we have checked.
design verdicts
- None published yet. The catalog below is the raw material; a verdict is added once a reviewer has built the same screen twice and can say which one to reach for. Request one.
Design systems agents can build on
Open source only, and current: each row was read off the vendor's own docs, its repository, or the registry on the date above. Agent tooling names first-party support only, so a community MCP server the maintainers do not publish reads as none.
One state machine per component (Zag.js) exposed through four framework bindings, so a design system can cover React and Vue without forking behaviour.
- styling
- unstyled, bring your own CSS
- tokens
- no token layer
- agent
- none first-party
The @atlaskit packages are versioned one by one rather than as a single release, which makes an upgrade a per-package job.
- styling
- CSS-in-JS with design tokens
- tokens
- ships a token layer
- agent
- MCP server (npx -y @atlaskit/ads-mcp or https://mcp.atlassian.com/v1/ads/public/mcp) and an agent skill
Built by the MUI and former Radix maintainers, stable since 1.0 and now at 1.8.0 under the package @base-ui/react, which is what shadcn/ui generates against by default.
- styling
- unstyled, bring your own CSS
- tokens
- no token layer
- agent
- llms.txt and per-page markdown export
2.19.0 headless components for Svelte 5, architecturally descended from Melt UI's builder approach; it is the layer shadcn-svelte ports sit on.
- styling
- unstyled, bring your own CSS
- tokens
- no token layer
- agent
- llms docs section
IBM's system, @carbon/react at 1.115.0, with the token layer published separately so non-React implementations stay in step.
- styling
- Sass with design tokens
- tokens
- ships a token layer
- agent
- MCP server: carbon-design-system/carbon-mcp
v9 (@fluentui/react-components 9.74.7) is a different library from the v8 @fluentui/react package that still fills search results and model training data.
- styling
- Griffel CSS-in-JS with Fluent tokens
- tokens
- ships a token layer
- agent
- none first-party (several community MCP servers exist)
The renamed NextUI at @heroui/react 3.2.4; documentation and package names still mix the two names, which is a real source of wrong imports.
- styling
- Tailwind CSS variants on React Aria behaviour
- tokens
- ships a token layer
- agent
- none first-party
The README says the project is in maintenance mode pending new maintainers, so treat 2.5.0 as the end of the line rather than a system to start on.
- styling
- CSS custom properties, Material 3 tokens
- tokens
- ships a token layer
- agent
- none first-party
4.11.1 works in plain Vue as well as Nuxt, though the auto-import and app config wiring is where most of its value sits.
- styling
- Tailwind CSS on Reka UI primitives
- tokens
- ships a token layer
- agent
- MCP server documented in the Nuxt UI docs
Ark UI with a Panda CSS theme on top, now maintained under the Chakra organisation; smaller community than the systems it is built from.
- styling
- Panda CSS recipes, Tailwind preset available
- tokens
- ships a token layer
- agent
- none first-party
Red Hat's system at @patternfly/react-core 6.6.1, aimed at consoles and admin tools; the component set covers tables, toolbars and wizards better than it covers marketing pages.
- styling
- CSS with custom properties
- tokens
- ships a token layer
- agent
- MCP server: @patternfly/patternfly-mcp
Shopify now describes Polaris as a UI framework built on web components for admin and checkout surfaces, so the React package is the older path; outside a Shopify app it buys you nothing.
- styling
- Shopify-controlled styles, tokens exposed as CSS variables
- tokens
- ships a token layer
- agent
- Polaris web components are covered by the Shopify.dev MCP server
5.0.1 with around 90 components and four themes; the unstyled mode is the escape hatch when the Aura or Material presets fight your brand.
- styling
- styled or unstyled mode, design tokens, Tailwind-compatible
- tokens
- ships a token layer
- agent
- none first-party
GitHub's own system at @primer/react 38.38.0; it encodes GitHub's product decisions, which is a poor fit unless your product looks like GitHub.
- styling
- CSS with @primer/primitives variables
- tokens
- ships a token layer
- agent
- MCP server documented under Primer's foundations
The styled layer on top of Radix Primitives, at 3.3.0; you import one stylesheet and theme it with the Theme component instead of writing utility classes.
- styling
- prebuilt CSS file plus CSS variables
- tokens
- ships a token layer
- agent
- none first-party
Adobe's accessibility layer at 1.21.1, with the keyboard, focus and internationalization behaviour worked out; it renders nothing you have not styled yourself.
- styling
- unstyled, bring your own CSS
- tokens
- no token layer
- agent
- none first-party
Adobe's styled layer over React Aria; the S2 release (@react-spectrum/s2 1.7.1) and the shared @adobe/spectrum-tokens package are what Spectrum Web Components consume too.
- styling
- Spectrum tokens compiled to CSS
- tokens
- ships a token layer
- agent
- none first-party
v5 splits a framework-agnostic Tailwind design layer from the Svelte and React component packages, so the theme survives a framework change.
- styling
- Tailwind CSS with a theme layer
- tokens
- ships a token layer
- agent
- llms docs section with per-page handoff to ChatGPT or Claude
4.2.0 follows Material Design, so a brand that is not Material will spend time overriding it; the hosted MCP answers per-component API questions without a login.
- styling
- SASS variables, Material Design
- tokens
- no token layer
- agent
- MCP server: claude mcp add --transport http vuetify-mcp https://mcp.vuetifyjs.com/mcp
Shoelace's successor at 3.12.0 under Font Awesome; the free tier is MIT, while some themes and components are sold separately.
- styling
- CSS custom properties, shadow DOM
- tokens
- ships a token layer
- agent
- agent skills directory plus llms.txt, both generated at build time
5.7.28 is pure CSS with no JavaScript, so it themes markup in any framework but leaves behaviour such as focus traps and menus to you.
- styling
- Tailwind CSS plugin, semantic class names
- tokens
- ships a token layer
- agent
- MCP server, an agent skill and a plain-text docs file
You copy the component source into your repo, so upgrades are yours to make; since July 2026 new projects default to Base UI rather than Radix primitives.
- styling
- Tailwind CSS with CSS variables
- tokens
- ships a token layer
- agent
- MCP server: pnpm dlx shadcn@latest mcp init --client claude
Source of the list: content/seed-design-systems/design-systems.yaml, seeded into the node graph by pnpm --filter @wellworn/jobs seed:design. Something wrong or out of date? Tell us.