How our agents build on-brand pages with design.md - Vercel
How we built design.md, a single public file any coding agent can load to build on-brand Vercel pages, and the eval loop that decided every rule inside it.
Across Vercel, we use coding agents to design and build pages that have to look and feel like Vercel. The typography, color, and composition all need to carry the same judgment that we put into the pages we already ship ourselves. We recently wrote about product-design, our skill that teaches agents how we design when they work in our codebases. The skill lives in each repository alongside the code that it governs, explaining how agents can find and understand our design system as well as product guidelines for whatever they are building. This works great when agents are working in our…
saved by
related reading
- Teaching agents product design at Vercel - Vercelvercel.com
- Design Engineeringfloguo.com
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- GitHub - VoltAgent/awesome-design-md: A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.github.com
- Craft, engineered · wildcraft.wild.as
- DESIGN.md Generator — Design System for AI Agents | design.devdesign.dev
- GitHub - google-labs-code/design.md: A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.github.com
- Using AI as a Design Engineerjakub.kr
- GitHub - Owl-Listener/designer-skills: Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.github.com
- getdesign.md — DESIGN.md collection for AI coding agentsgetdesign.md
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- Introducing Claude Design by Anthropic Labs \ Anthropicanthropic.com