{"repo":"adityarajdigital/designmd","free":true,"listed":false,"github":"https://github.com/adityarajdigital/designmd","clone":"git clone https://github.com/adityarajdigital/designmd.git","description":"Production-grade design context for AI coding workflows. Extract a real design system from any URL — colors, typography, spacing, breakpoints — as a portable DESIGN.md.","language":null,"stars":58,"topics":["ai-coding-tools","ai-context","benchmarks","claude","css-extraction","cursor","design-md","design-system","design-tokens","llm-tools"],"license":"MIT","category":"ui-components","readme_excerpt":"DesignMD Production-grade design context for AI coding workflows. Extract a real design system from any production URL — colors, typography, spacing, breakpoints, motion, interaction states — and stream it as a portable DESIGN.md your coding agent can actually read. Web · Benchmarks · CLI on npm · Examples --- Quick start That's the whole flow. No account, no config, no API key. The command streams a measured DESIGN.md spec for stripe.com to stdout; redirect it into a file and hand it to your AI coding agent. For repeat use, install globally: Requires Node 18+ . --- What it does DesignMD opens the URL in a headless browser, measures the real visual system — colors from computed styles, typography from the cascade, breakpoints from live @media rules, hover/focus states from the CSSOM — and synthesizes a portable specification. The output is the kind of file a senior engineer would actually use to rebuild the brand. Drop it into Cursor, Claude Code, Windsurf, Aider, Copilot, or paste it into any LLM chat. The model gets ground truth instead of guesses. --- Terminal usage Common patterns stdout always carries the markdown (or JSON). Progress lines go to stderr , so pipes stay clean. --- AI workflow integration The generated DESIGN.md is purpose-built for LLM context windows. Drop it in once; reference it from your agent's rules file. Claude Code Add to your project's CLAUDE.md : Cursor Add to .cursor/rules (or .cursorrules ): Windsurf · Aider · Cline · Continue Same pattern — ev","default_branch":null,"files":null,"tree":[],"storefront":"/r/adityarajdigital","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/adityarajdigital/designmd/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}