Teaching agents product design at Vercel - Vercel

Learn how Vercel teaches agents product design with agent skills, lint rules, Vercel Agent code reviews, evals, and a human-led update loop.

Coding agents can produce working UI fast, but what's harder is a different shape. They can copy your product's style, match its patterns, and try to follow its conventions. What they cannot do is understand why those patterns exist. Code shows agents what shipped, not why one component, phrase, or interaction became your standard. That reasoning lives in design reviews, PR comments, Slack threads, and with the people who were in the room. For an agent, context that isn't in the codebase doesn't exist. Vercel is an agent-native team. We treat accepted product decisions like code, keeping them

saved by

• Bonnie Chin
• Arielle Ferreira

related reading

• GitHub - jakubkrehel/skills: A collection of agent skills that help you build great interfaces.github.com
• skills/skills/engineering/prototype/SKILL.md at main · mattpocock/skillsgithub.com
• UI Skills for Design Engineers | UI Skillsui-skills.com
• Design Engineeringfloguo.com
• Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
• How our agents build on-brand pages with design.mdvercel.com
• rams - Expert Design Reviews on Every PRrams.ai
• Agentationagentation.dev
• Agentationagentation.com
• 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
• The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai
• Design Engineering at Vercel: What we do and how we do it - Vercelvercel.com