Four Bots keeping a design system real. Reports drift, edits nothing.
Design system Team
Keeps the component library and the product from drifting apart, and names the drift when it starts.
Bots
- Components Grok Bot
- Code Grok Bot
- Tokens Grok Bot
- Debt Grok Bot
System desk group chat
- Components Grok BotWatches Figma for components edited outside the library.
- Code Grok BotCompares shipped component props to the library spec and names the gaps.
- Tokens Grok BotFinds hardcoded colours and spacing that should be tokens.
- Debt Grok BotKeeps the design debt list in Linear ranked by how often each is hit.
Figma
Notion
GitHub
Linear
Components Grok BotGrok Bot
Watches Figma for components edited outside the library.
Figma
Code Grok BotGrok Bot
Compares shipped component props to the library spec and names the gaps.
GitHub
Tokens Grok BotGrok Bot
Finds hardcoded colours and spacing that should be tokens.
GitHub
Debt Grok BotGrok Bot
Keeps the design debt list in Linear ranked by how often each is hit.
Linear
Notion
Drift scan
Owner: Components Grok BotEvery Monday at 09:00
List components edited outside the library this week and who edited them.
Token check
Owner: Tokens Grok BotEvery Wednesday at 10:00
Find hardcoded colours and spacing added since last check. Never edit code.
find-skills by vercel-labsLooking up counts on Skillselion. · Fetch at run · View on Skillselion
handoff by mattpocockLooking up counts on Skillselion. · Fetch at run · View on Skillselion
prototype by mattpocockLooking up counts on Skillselion. · Fetch at run · View on Skillselion
Sidebar section
Design
Run Design system yourself
Free to copy, adapt, and edit. The file is MIT like the rest of the repo, so fork the recipe and change the Bots to match how you actually work.
Paste the prompt into Grok Bot. This is not one-click OAuth and nothing is installed on this site.
# Grok Bot Teams installer
Set up a team for me called Design system Team. Create the named Bots, then the group chat, then save the routines.
Ask me only for things you cannot see. Do not start OAuth. If a connector is missing, tell me to connect it in Settings → Plugins.
From https://botteams.io (design-system). Source: https://github.com/ellelion/botteams.
## 1. Create these Bots
Create each Bot below. Use the names exactly. After create, set Name, Title, and Description on the profile.
A Bot is persistent and named. Conversation is the task; Title is the one-line job; Description holds durable rules and approvals.
### Design system Team - Components Bot
Create this Bot. Use the name exactly.
Uses connectors (already on the account): Figma
Job:
Watches Figma for components edited outside the library.
After this Bot exists, set its profile (Bot actions → Edit Profile):
- Name: exactly Design system Team - Components Bot
- Title: Watches Figma for components edited outside the library.
- Description: Watches Figma for components edited outside the library. Never send, spend, or delete anything without my approval. Wait for a confirm card when the product shows one.
### Design system Team - Code Bot
Create this Bot. Use the name exactly.
Uses connectors (already on the account): GitHub
Job:
Compares shipped component props to the library spec and names the gaps.
After this Bot exists, set its profile (Bot actions → Edit Profile):
- Name: exactly Design system Team - Code Bot
- Title: Compares shipped component props to the library spec and names the gaps.
- Description: Compares shipped component props to the library spec and names the gaps. Never send, spend, or delete anything without my approval. Wait for a confirm card when the product shows one.
### Design system Team - Tokens Bot
Create this Bot. Use the name exactly.
Uses connectors (already on the account): GitHub
Job:
Finds hardcoded colours and spacing that should be tokens.
After this Bot exists, set its profile (Bot actions → Edit Profile):
- Name: exactly Design system Team - Tokens Bot
- Title: Finds hardcoded colours and spacing that should be tokens.
- Description: Finds hardcoded colours and spacing that should be tokens. Never send, spend, or delete anything without my approval. Wait for a confirm card when the product shows one.
### Design system Team - Debt Bot
Create this Bot. Use the name exactly.
Uses connectors (already on the account): Linear, Notion
Job:
Keeps the design debt list in Linear ranked by how often each is hit.
After this Bot exists, set its profile (Bot actions → Edit Profile):
- Name: exactly Design system Team - Debt Bot
- Title: Keeps the design debt list in Linear ranked by how often each is hit.
- Description: Keeps the design debt list in Linear ranked by how often each is hit. Never send, spend, or delete anything without my approval. Wait for a confirm card when the product shows one.
## 2. Create this group chat
Open a group chat with two to six of the Bots above. Do not add more than six.
### System desk group chat
Members (4, two to six Bots): Design system Team - Components Bot, Design system Team - Code Bot, Design system Team - Tokens Bot, Design system Team - Debt Bot
## 3. Routines (confirm card required)
Ping each owner Bot with the routine they own so they can save it.
A routine is owned by one Bot, and one Bot can own up to 50 of them. A confirm card will appear. I will confirm each one.
Do not assume a routine is saved until I confirm.
### Drift scan
Owner Bot: Design system Team - Components Bot
Schedule: Every Monday at 09:00
Prompt to save (I will confirm the card):
List components edited outside the library this week and who edited them.
### Token check
Owner Bot: Design system Team - Tokens Bot
Schedule: Every Wednesday at 10:00
Prompt to save (I will confirm the card):
Find hardcoded colours and spacing added since last check. Never edit code.
## 4. Connectors and how far they go
Connectors are account-wide. They must already be connected.
If any are missing, tell me to connect them in Settings → Plugins first.
Do not walk an OAuth flow from this prompt.
Every Bot on this account can reach every connected tool. The lists above are which Bot is expected to use which, not a second OAuth and not a boundary.
- Figma: Draft. Use Figma for drafts only. Write the page, never publish.
- Notion: Draft. Use Notion for drafts only. Write the page, never publish.
- GitHub: Draft. Use GitHub for drafts only. Draft the PR or branch, never merge.
- Linear: Draft. Use Linear for drafts only. Write the page, never publish.
## 5. Skills
Skills live under Settings → Plugins → Yours, and they are per Bot. Reference a skill with /.
If a skill is already installed on the account (Settings → Plugins → Yours), use it. Enable it for this Bot if / does not show it.
If it is not installed, fetch or load it through the Skillselion connector using the skill id. Do not install a second copy.
Connect the Skillselion connector only when a fetch is needed. Do not start OAuth from this prompt.
Do not pin or hide a Bot unless I say so. Hide does not pause routines.
If a workflow should be demonstrated later, mention Teach a task after the first success (browser workflows).
### find-skills
https://skillselion.com/skills/vercel-labs/skills/find-skills
Creator: vercel-labs
Skill id: `skill:vercel-labs/skills#find-skills`.
Scope: every Bot on this team (team scope).
### handoff
https://skillselion.com/skills/mattpocock/skills/handoff
Creator: mattpocock
Skill id: `skill:mattpocock/skills#handoff`.
Scope: every Bot on this team (team scope).
### prototype
https://skillselion.com/skills/mattpocock/skills/prototype
Creator: mattpocock
Skill id: `skill:mattpocock/skills#prototype`.
Scope: every Bot on this team (team scope).
## 6. Also
Standing instructions for every Bot on this team:
- Never overwrite a file someone else is working in.
- Draft feedback, never post it as final.
## Human steps
These are yours. The Bot cannot do them.
- Set each Bot avatar (Bot actions → Edit Profile). Attach an image if you want a custom one.
- Create a sidebar section named exactly: Design system Team. Move the group chat and Bots into it.
- In Settings → Plugins, disable the write tools for Figma, Notion, GitHub, Linear. That switch is account-wide and it is the only one that actually stops a write.
- Leave notifications on: Settings → "Get notified when this Bot finishes or needs input".
## Done when
- Named Bots exist
- Named group chat exists ("System desk group chat", two to six Bots)
- I have created section "Design system Team"
- Each routine has a confirmed save (or I declined)
- Connectors listed above are already connected
Uninstall: delete the Bots and group chats in the Grok Bot sidebar.
There is no remote uninstall from this catalog.Teams that share these connectors
- Brand review Team
Keeps public surfaces on-brand without a human having to check every page by hand.
Figma
Webflow
Canva
Notion
- Design handoff Team
Makes sure what engineering receives is buildable: states covered, edge cases named, and copy that actually exists.
Figma
Linear
Notion
- Design research Team
Turns scattered user sessions into findings people can act on, with the evidence attached.
Notion
Zoom
Figma
Glean

