visualize is a skill that stops AI-generated HTML looking agent-made — replacing Inter-and-purple-gradient defaults with on-brand, distinctive output.
AIOpen SourceWeb+1
github.com
Vercel
vercel.com
Vercel explains design.md: one public file any coding agent can load to build on-brand pages, plus the eval loop that decided every rule in it.
What is Vercel?
This Vercel engineering post describes how the company gets agents to build pages that look and feel like Vercel. Where their product-design skill works inside repositories, design.md packages design system and product guidelines into a single public file that any coding agent can load, covering reports, proposals and one-off pages made in tools that cannot read repo files. The article also walks through the eval loop used to decide which rules earned a place in the file.
Best for
- Writing a design.md for your own brand
- Making agents produce on-brand pages
- Learning how design rules get evaluated
Key features
- How design.md encodes Vercel's design system
- Eval loop that validated every rule
- Extends the in-repo product-design skill
- Works with agents outside the codebase
Related resources
github.com
An AI agent skill on explainx.ai that audits and upgrades existing websites to premium design standards without breaking functionality.
AIWebDesign Systems
explainx.ai
A curated awesome list of 64 AI tools for building beautiful UI and UX, spanning agent skills, apps, MCP servers, design tools and resources.
AIOpen SourceGitHub+2
github.com