Agent Pro
Manage your whole system in plain language
Describe a change and the agent works out what to edit, then shows you a preview. Nothing is applied until you approve it.
What the agent does
Edit by describing
Say “make all corners square” or “outline buttons are for secondary actions only,” and it works out the exact style and rule changes.
Enhance a rough rule
Write a rule loosely and Enhance returns a precise one, with the right type and importance set for you.
Scan your website
Give it a URL and it pulls your color, type, spacing, and logo to draft your styles.
Add your logo
Upload it and the agent stores it, sends it to your AI tools, and writes the placement rule.
Control what AI tools see
Ask it to “hide all marketing blocks” and it toggles exactly what your tools can see.
Bring existing guidelines (soon)
Point it at a PDF, a docs site, or markdown, and it drafts rules and styles from them.
Manage rules from your editor, too
You don’t have to open the app. Ask Cursor, Claude Code, or your AI tool of choice to add or change a rule, and it lands in UI Rules for review. Same plain-language editing, without leaving where you build.
Cursor
Add a rule: button labels should say what happensSent to UI Rules.
UI RulesFor review
Button labels say what happens, in sentence case.
Nothing happens without you
The agent proposes. You decide what actually lands.
Change my primary color to our brand blue
Update Primary1 change
--primary#171717BrandBrand-wide · affects all 3 projectsRejectApprove
See it first
The agent shows you what it wants to change before it changes anything.
Know what it touches
Every change applies to your whole brand or to one project, and you see which before you approve.
Approve, then it applies
Nothing is saved until you approve it. Reject it, and nothing happens.
Manage your whole system by describing it
Keep exploring
Rules
Styles, usage, voice, and accessibility in one place.
Styles
Your color, type, spacing, logo, and icons, ready for every AI tool you connect.
Connections
Connect your rules to Cursor, Claude Code, v0, Codex, and Figma Make.