About UI Rules

Your brand, wherever you build.

UI Rules is a home for brand guidelines and design tokens that connects them to AI tools for designers, developers, and teams building branded experiences.

What UI Rules does

Keep your brand styles and design guidance in one place, ready for the AI tools you work in.

Rules

Styles, usage, voice, and accessibility in one place.

Styles

Your color, type, spacing, logo, and icons, ready for every AI tool you connect.

Agent

Describe a change in plain language and preview before it applies.

Connections

Connect your rules to Cursor, Claude Code, v0, Lovable, Codex, and Figma Make.

What makes UI Rules different

One brand across your AI tools

Keep your rules and styles together instead of maintaining a separate copy for each tool. Connected tools can read the same brand guidance through MCP.

Design decisions alongside design tokens

Colors and spacing are only part of a brand. UI Rules also holds guidance on usage, voice, and accessibility, so your AI tools can read the reasoning alongside the values.

Built around your existing system

Connect your existing CSS variables and keep working in your current AI tools. UI Rules makes your design system available during generation without requiring you to restructure your codebase.

Room for each project's needs

Projects inherit the brand's rules and styles, with overrides for the things that need to differ. A project override leaves the original brand and other projects unchanged.

Who UI Rules is for

UI Rules is built for people creating branded experiences with AI:

  • Designers making their brand guidelines usable during development.
  • Developers generating interfaces that need to follow an existing design system.
  • Product teams sharing consistent guidance across projects and AI tools.
  • Freelancers and agencies working across multiple client brands.

The founder behind UI Rules

I’m a multi-award-winning designer with two decades leading design systems and teams across top agencies and large organizations. I built UI Rules to productize that thinking, so everything I know about keeping a brand consistent lives somewhere your AI tools can actually use.
Ha
Hamish O’Neill
Founder of UI Rules

How UI Rules works

  1. Define your brand

    Add your styles and rules, using your existing guidelines or the curated rules as a starting point.

  2. Connect your AI tools

    Follow the setup guides to connect tools such as Cursor, Claude Code, Codex, and v0.

  3. Build with your rules in reach

    Your connected tools request your rules and styles as they work. Keep the brand current, or use a saved version for projects that need it.

For help, contact us or join the Discord community.

UI Rules at a glance

Name
UI Rules
Product
Brand guidelines and design rules for AI tools
Founder
Hamish O'Neill
Core offering
Rules, Styles, Agent, and Connections
Audience
Designers, developers, product teams, freelancers, and agencies
Contact
Contact us
Community and socials
Pricing
Starter: Free. Pro: $24 per month. Team: $79 per month. Compare plans.

Frequently asked questions

Quick FAQs to get you started.
Still have questions? See all FAQs, or get support.

Bring your brand to every AI tool

Set your rules once and use them in every AI tool you work in.