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.
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 Bot
- Code Grok Bot
- Tokens Grok Bot
- Debt Grok Bot
Figma
Notion
GitHub
Linear
Job
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
Routines2
Drift scan
List components edited outside the library this week and who edited them.
Token check
Find hardcoded colours and spacing added since last check. Never edit code.
Skills3
find-skills by vercel-labs… · Fetch at run · View on Skillselion
handoff by mattpocock… · Fetch at run · View on Skillselion
prototype by mattpocock… · Fetch at run · View on Skillselion
Notes
Sidebar section
Design
Prompt Installer for Grok Bot
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, then Plugins.
From https://botteams.ai (design-system). Source: https://github.com/ellelion/botteams.
## 1. Create these Bots
Create each Bot below. Use the names exactly, including any prefix. After create, set Name, Title, and Description on the profile, then tell me to set the avatar.
A Bot is a single persistent, named agent. Conversation is the task; Title is the one-line job; Description holds durable rules and approvals.
### Design system · Components Grok Bot
(Named "System · Components" in the published recipe.)
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 · Components Grok 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.
Then tell me to open Edit Profile and set the avatar. You cannot stamp a custom image yourself unless I attach one.
If you create this Bot from an existing Bot, ask the new Bot to set those profile fields after create.
### Design system · Code Grok Bot
(Named "System · Code" in the published recipe.)
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 · Code Grok 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.
Then tell me to open Edit Profile and set the avatar. You cannot stamp a custom image yourself unless I attach one.
If you create this Bot from an existing Bot, ask the new Bot to set those profile fields after create.
### Design system · Tokens Grok Bot
(Named "System · Tokens" in the published recipe.)
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 · Tokens Grok 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.
Then tell me to open Edit Profile and set the avatar. You cannot stamp a custom image yourself unless I attach one.
If you create this Bot from an existing Bot, ask the new Bot to set those profile fields after create.
### Design system · Debt Grok Bot
(Named "System · Debt" in the published recipe.)
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 · Debt Grok 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.
Then tell me to open Edit Profile and set the avatar. You cannot stamp a custom image yourself unless I attach one.
If you create this Bot from an existing Bot, ask the new Bot to set those profile fields after create.
## 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 · Components Grok Bot, Design system · Code Grok Bot, Design system · Tokens Grok Bot, Design system · Debt Grok Bot
## 3. Sidebar section
You cannot create sidebar sections. When the Bots and group chat exist, tell me to Move to, then New section.
I will name that section exactly: Design.
Ask me to move the group chat and Bots into it.
## 4. 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 · Components Grok 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 · Tokens Grok 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.
## 5. 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, then 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. Leave every draft unsent and every change unsaved so a human can review it.
- Notion: Draft. Use Notion for drafts only. Leave every draft unsent and every change unsaved so a human can review it.
- GitHub: Draft. Use GitHub for drafts only. Leave every draft unsent and every change unsaved so a human can review it.
- Linear: Draft. Use Linear for drafts only. Leave every draft unsent and every change unsaved so a human can review it.
Human: the lines above are instructions, not permissions. In Grok Bot open Settings, then Plugins, and 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.
## 6. Skills
Skills live under Settings → Plugins → Yours, and they are per Bot. Enable the ones listed here for the named Bots. Reference a skill with /.
You cannot flip the human Notifications toggle. Tell me to leave Settings → “Get notified when this Bot finishes or needs input” on.
Do not pin or hide a Bot unless I say so. Hide does not pause routines.
Sidebar sections are human-only: tell me to Move to → New section. A group chat holds two to six Bots. An account holds 50 Bots and group chats combined. One Bot can own 50 routines. Confirm cards stay on me.
If a workflow should be demonstrated later, mention Teach a task after the first success (browser workflows).
Connect the Skillselion connector first if any skill below is Fetch at run (Settings → Plugins). Do not start OAuth from this prompt.
### find-skills
https://skillselion.com/skills/vercel-labs/skills/find-skills
Creator: vercel-labs
Scope: every Bot on this team (team scope).
Do not install. When this job comes up, use the Skillselion connector to search/load `skill:vercel-labs/skills#find-skills`. Connect Skillselion in Settings → Plugins first.
### handoff
https://skillselion.com/skills/mattpocock/skills/handoff
Creator: mattpocock
Scope: every Bot on this team (team scope).
Do not install. When this job comes up, use the Skillselion connector to search/load `skill:mattpocock/skills#handoff`. Connect Skillselion in Settings → Plugins first.
### prototype
https://skillselion.com/skills/mattpocock/skills/prototype
Creator: mattpocock
Scope: every Bot on this team (team scope).
Do not install. When this job comes up, use the Skillselion connector to search/load `skill:mattpocock/skills#prototype`. Connect Skillselion in Settings → Plugins first.
## 7. 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.
## Done when
- Named Bots exist
- Named group chat exists ("System desk group chat", two to six Bots)
- I have created section "Design"
- 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
Keeps public surfaces on-brand without a human having to check every page by hand.
Figma
Webflow
Canva
Notion
- Design handoff
Makes sure what engineering receives is buildable: states covered, edge cases named, and copy that actually exists.
Figma
Linear
Notion
- Design research
Turns scattered user sessions into findings people can act on, with the evidence attached.
Notion
Zoom
Figma
Glean



