# webdesignhot

> Agent-readable design tokens and design systems for AI coding agents. An open catalog of 400+ DESIGN.md files extracted from real production design systems, plus a CLI and an MCP server that drop those tokens into any repo — and AgentKit, a Next.js landing-page kit for AI products.

## design.md — the directory, CLI, and MCP

- [DESIGN.md directory](https://www.webdesignhot.com/design.md/): Browse 400+ DESIGN.md files extracted from real production design systems (Linear, Vercel, Stripe, Apple, Notion, and more). Each is a structured Markdown file of color, type, spacing, and component tokens.
- [Spec reference (webdesignhot/0.2)](https://www.webdesignhot.com/design.md/docs/spec/reference/): The DESIGN.md format — one Markdown file at a repo root that humans and AI agents both read.
- [CLI overview](https://www.webdesignhot.com/design.md/docs/cli/overview/): `npx @webdesignhot/design-md` — add, list, diff, export, lint, init. Drops a DESIGN.md into any repo in one command.
- [MCP server overview](https://www.webdesignhot.com/design.md/docs/mcp/overview/): A Model Context Protocol server so Claude, Cursor, and other agents can search, fetch, diff, and install designs without leaving the chat.
- [Getting started](https://www.webdesignhot.com/design.md/docs/getting-started/introduction/): Introduction and quick start.
- [Create a DESIGN.md](https://www.webdesignhot.com/design.md/create): Generate a brand-new DESIGN.md from a prompt or a URL.

## AgentKit — the landing-page kit

- [AgentKit](https://www.webdesignhot.com/products/agentkit): Next.js 16 landing-page kit for AI agent products — 65 components (live chat hero, agent trace viewer, tool-calling demo), 291 tests. Reads any DESIGN.md and renders production landing sections in that design system.

## About

- [About](https://www.webdesignhot.com/about): What webdesignhot is, who builds it, and the kit roadmap.