How we make

mxa-brand

Takes the client's brand beyond what the design system needs, only when asked: principles and design language, tone of voice and product terms, art direction, the written half of design.md, and templates for a named tool.

  • Keeps the brand workshop out of setting up a design system, so a prototype gets its colours and logos and nothing it won't use.
  • Writes principles, design language and tone of voice into the project's docs in the client's voice, finished or not started, never as placeholders.
  • Writes the hand-written half of design.md, the brand in one file for slides, documents and images, beside the values the docs generate.
  • Makes a template for a named tool, Figma first, from design.md's values and the real assets, for a designer to refine by hand.

What it uses

Default

@designtools/docs

Also uses

Figma, through its connector, for templates.

Writes into the docs and design.md that mxa-design-system serves.

Install it

Already on studio Claude accounts, in the Made by Agents plugin. Anyone else:

claude plugin marketplace add madebymany/madebyagentsclaude plugin install made-by-agents@madebymany

For Cursor, Codex and other agents, just this skill:

npx skills add madebymany/madebyagents --skill mxa-brand
Read the skill itself