About

A directory for the agent era of design.

Coding agents need a stable visual identity to work from. Hand-rolled Figma exports drift; CSS in the codebase drifts harder. We built DESIGN.md — a structured Markdown spec that sits at the repo root and acts as the source of truth for color, type, spacing, and component tokens. One file, both humans and AI can read it.

Designs.md is the directory of those files for real production sites. We extract token systems from real brands — Linear, Vercel, Stripe, Anthropic, Raycast, Figma, Notion — and ship them as ready-to-install DESIGN.md files. One npx @webdesignhot/design-md add <slug> command and your agent has a credible visual brief to build against.

What we do that others don't

  • → Real brands, not invented designs. Every entry is a token extraction from a production site, with a 200-word lineage analysis explaining what it draws from.
  • → Six try-on templates. Kitchen sink, landing, dashboard, AI chat, pricing, docs — see how the design renders in any of them at desktop or iPhone viewport.
  • → Live token tweaker. Drag a color in the floating panel, every preview re-renders. URL hash carries your tweaks for shareable permalinks.
  • → Multi-theme support. Our spec extension models light + dark + brand variants in one file — agents query whichever fits the surface they're on.
  • → Four export formats. Tailwind 4, CSS variables, DTCG JSON, and Figma Variables import. Drop into whichever stage your tool chain lives.
  • → Token diff between any two designs. Side-by-side bucket view of what changed between, say, Linear and Vercel — useful when picking between similar systems.

Built by

webdesignhot ships AI-native landing page kits for AI agent products, dev tools, chatbots, and B2B SaaS. Our flagship is AgentKit — a complete kit that reads any DESIGN.md and renders 9 production landing sections in your design system. Designs.md grew out of the question buyers kept asking us: "can I get the Linear / Vercel / Stripe look without trial-and-error?"

Submitting your own

If you maintain a design system you'd like in the directory, see /submit. We curate the first ~100 entries by hand. After launch, community submissions merge via PR with a lightweight review.

Get in touch

Questions, requests, missing brands? Email us at hi@webdesignhot.com or open an issue on GitHub.