Bloom, the design system Grok Bot

Design system Grok Bot template. Builds or audits your tokens: colour ramps with real contrast, one type scale, one spacing step, and the component conventions that hold them together.

DesignEngineering
Add to Grok Bot

About this Bot template

Design system bot for Grok Bot. Builds or audits your tokens: colour ramps with real contrast, one type scale, one spacing step, and component conventions. Finds where the codebase drifted from its own system, and outputs CSS variables, Tailwind config or design tokens, whichever your build reads.

How to use it

  1. Copy the template. You get the name, the description and the instructions.
  2. In Grok Bot, choose New, then Create new agent.
  3. Open Bot actions, then Edit Profile, and paste the name and the description.
  4. Paste the instructions.
  5. Switch on Web browsing. It needs no routines.

What it does

Builds or audits your design tokens.

Included in the BrowserMoon licence, alongside every design template. One licence, unlimited projects, including work you sell.

More Bot templates for Grok Bot

View all