Vercel Geist
01Vercel's design system: the reference for the modern developer-tool look.
Design systemFreegood agent friendliness
Staff pick
All collections
Collection 9 resources
Design systems every agent should know
Public systems that document their reasoning, so you can borrow the thinking without the branding.
You don't need to adopt any of these. You need to read how they explain colour roles, spacing, elevation and states, then hand those explanations to your agent. Each one is strong in a different area, noted below.
Vercel Geist GitHub Primer 
GitHub Primer
02The design system that makes GitHub feel like GitHub.
Design systemFreeOpen sourceexcellent agent friendlinessShopify Polaris 
Shopify Polaris
03Shopify's design system for dense, practical admin interfaces.
Design systemFreeOpen sourceexcellent agent friendlinessGOV.UK Design System 
GOV.UK Design System
04The gold standard for accessible, plain-language interfaces.
Design systemFreeOpen sourceexcellent agent friendlinessStaff pickMaterial Design 3 
Material Design 3
05Google's design system, documented in exhaustive, agent-readable detail.
Design systemFreeOpen sourcegood agent friendlinessApple Human Interface Guidelines 
Apple Human Interface Guidelines
06Apple's guidance on designing for iOS, macOS, watchOS and visionOS.
Design systemFreegood agent friendlinessIBM Carbon 
IBM Carbon
07IBM's open-source enterprise design system, thorough to a fault.
Design systemFreeOpen sourceexcellent agent friendlinessRadix Themes 
Radix Themes
08A styled, themeable React component system from the Radix team.
Component libraryFreeOpen sourceexcellent agent friendlinessThe Component Gallery 
The Component Gallery
09Every UI component, as implemented across dozens of real design systems.
WebsiteFreegood agent friendliness