Open source. Open possibilities.

DesignMD is a CLI tool that extracts live design systems from any URL — colors, typography, spacing, breakpoints, and interaction states — and outputs a portable DESIGN.md file optimized for AI coding agents.

A collection of 120 plain-text DESIGN.md brand design specifications reverse engineered from live production sites, letting AI coding agents generate on-brand UI. Each brand includes real colors, typography, components and guardrails plus a self-contained preview.html.

designlang is a Playwright-based CLI that reads a website's live DOM and extracts its design system: DTCG tokens, Tailwind config, Figma variables, shadcn theme, component anatomy, motion tokens, brand voice, WCAG contrast audits, and multi-platform emitters, plus MCP server and Chrome extension.

Better Design is an open-source MCP server and shadcn/ui registry that supplies AI coding agents with design systems, semantic CSS tokens, component overrides, UI principles, icon matching, and WCAG-oriented review rules. It includes 31 themes and connects to Claude Code, Cursor, VS Code/GitHub Copilot, Claude Desktop, and other MCP clients.

brandmd is a CLI that extracts a website's design system into a spec-valid DESIGN.md passing the official @google/design.md linter, giving Claude Code, Cursor and other coding agents brand context before they write UI. Runs locally with no API key by default.