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.
Open source. Open possibilities.
Discover quality open-source projects, submit projects anonymously, and claim and edit your own project.
A little curiosity. A world of open source.
THE FIRST COLLECTIONA 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.
Curated collection of DESIGN.md files extracted from real websites and brands. Drop a DESIGN.md into your project and let AI coding agents generate UI consistent with that brand's visual identity, colors, typography, and layout patterns.
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.
Dembrandt is a Node.js CLI that renders a site with Playwright, reads computed DOM styles, and turns colors, typography, spacing, borders, shadows, motion and components into W3C design tokens, with CI drift gates and MCP support.
oh-my-design installs design system references and skills into AI coding agents. One command adds 440+ company design references, 28 skills, and 20 specialist roles to Claude Code, Codex, Cursor, and OpenCode. Produces a portable DESIGN.md with philosophy, tokens, and component contracts.