# Designrail

> Designrail turns any website into a design system your AI coding agents follow: it reads the live page, writes DESIGN.md, SKILL.md, Cursor and Copilot rules and Tailwind tokens, then checks your build against them.

Designrail is a Chrome and Edge extension (137+), a `designrail` command-line tool, an MCP server and a GitHub Action. Scans run locally; no page data leaves the browser. Free: single-page scans, DESIGN.md and SKILL.md, 3 saved sites. Pro: whole-site scans, Check my build, every export format, version history.

## Learn

- [DESIGN.md generators compared](https://designrail.appzlr.com/compare/): An honest guide to the browser extensions that turn websites into DESIGN.md for AI coding agents: what each one does, what it costs and how to choose.
- [Make Claude Code follow your design system](https://designrail.appzlr.com/guides/claude-code-design-system/): Put your tokens and rules in a Claude Code skill under .claude/skills, point CLAUDE.md at DESIGN.md, then check what it writes with MCP and CI.
- [Make Cursor follow your design system](https://designrail.appzlr.com/guides/cursor-design-system/): Add a .cursor/rules .mdc rule with your design tokens and UI file globs so Cursor's agent applies them, then check its output with MCP and a CI lint.
- [What is DESIGN.md?](https://designrail.appzlr.com/what-is-design-md/): DESIGN.md is a plain-text file that gives AI coding agents your design system as YAML design tokens plus Markdown rationale. Format, example, tools.

## Docs

- [Designrail CLI reference](https://designrail.appzlr.com/docs/cli/): The designrail CLI scans a website into DESIGN.md, scores a running build against it, lints source for off-token values and serves it over MCP.
- [Designrail GitHub Action reference](https://designrail.appzlr.com/docs/github-action/): The Designrail GitHub Action lints pull requests and preview deploys against DESIGN.md, and opens a PR when your live site's design changes.
- [Designrail MCP server reference](https://designrail.appzlr.com/docs/mcp/): designrail mcp gives Claude Code, Cursor and other MCP clients live access to your DESIGN.md tokens, component specs, a code linter and a page checker.

## Optional

- [Designrail privacy policy](https://designrail.appzlr.com/privacy/): Designrail collects no personal or browsing data. Scans run inside your browser, saved sites stay on your device, and licence keys are checked offline.