Agentic PlaybookAgentic product lifecycle

mxa-tokens

The whole token system. Colour generated from one brand seed, plus the space, size, type, radius, shadow and motion scales, verified to reach the running app.

  • Generates the whole colour system from one brand colour
  • Owns the spacing, size, type, radius, shadow and motion scales too, not only colour
  • Verifies the tokens actually reach the running app
  • Re-themes a project from a new brand colour without hand-edits

Works with

The outside tools and connectors this skill drives.

  • @designtools/tokens, our own colour and token generator

This one is required. The skill is built around it rather than choosing between alternatives.

Install it

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