AI-by-design/primitiv

Overview

A TypeScript design system infrastructure that helps teams and automated agents maintain consistent UI components. It provides a shared system for defining and synchronizing design tokens and component patterns.

Best for

Best for
Small teams or experimental projects wanting to enforce design consistency through code, especially those exploring AI-assisted development.

Use cases

• Defining reusable UI components with typed design tokens
• Keeping human developers and AI agents aligned on design rules
• Building a single source of truth for design across projects

How to use

Install

npx @ai-by-design/primitiv init     # detect your stack, write config + MCP registration

Tools exposed

• get_design_context
• get_token
• get_component
• get_conflicts
• get_inferred_rules
• get_violations

Tested with

Claude Code, Cursor, Windsurf

Notes

A TypeScript design system infrastructure that helps teams and automated agents maintain consistent UI components. It provides a shared system for defining and synchronizing design tokens and component patterns.

16 stars on GitHub. Last updated 2026-05-26.

Use cases

• Defining reusable UI components with typed design tokens
• Keeping human developers and AI agents aligned on design rules
• Building a single source of truth for design across projects

Pros

• Type-safe design system definitions in TypeScript
• Designed to sync design intent between teams and agents
• Open source with permissive licensing

Cons

• Very early stage with only 16 GitHub stars, indicating limited community
• Likely minimal documentation or examples
• No evidence of production readiness or widespread adoption

Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.