{"repo":"jpoindexter/design-md-extractor","free":true,"listed":false,"github":"https://github.com/jpoindexter/design-md-extractor","clone":"git clone https://github.com/jpoindexter/design-md-extractor.git","description":"Extract a website's visual system — colors, type, spacing, components — into a DESIGN.md, design tokens, and AI-ready prompts. CLI + local GUI.","language":"TypeScript","stars":58,"topics":["ai","cli","css","design-system","design-to-code","design-tokens","playwright","typescript","web-scraping"],"license":"MIT","category":"scrapers-browser-automation","readme_excerpt":"Design MD Extractor Capture a website's usable visual system — colors, gradients, typography, spacing, radii, shadows, surfaces, components, layout, imagery, motion, and interaction states — and turn it into a structured DESIGN.md , ready-to-use design tokens, and AI-ready prompts. Point it at a URL. It loads the site in a real browser across desktop, tablet, and mobile, scrolls to trigger lazy content, reads computed styles, triggers real hover/focus to capture interaction states, ranks the evidence into confident tokens, and writes everything to disk. Use it from the CLI , a local GUI , or an MCP server so any AI agent can call it directly. Fully local. It never calls an AI or needs an API key — the \"AI Assistant\" picker only chooses which prompt template you copy into your own agent. What you get Every run writes the full set to the --out directory: File What it is -------------------- ----------------------------------------------------------------------------- DESIGN.md Human + LLM readable style reference (thesis, tokens, components, guidelines) evidence.json Full structured, schema-validated evidence (source of truth) tokens.css CSS custom properties ( :root { --color-… } ) tailwind-theme.js Tailwind theme config ( module.exports = { theme: { extend: … } } ) design-tokens.json W3C Design Tokens format ( $value / $type / $description ) ai-prompt.txt Condensed rebuild prompt for an AI agent preview.html Standalone visual preview of the extracted system screenshots/ Deskt","default_branch":null,"files":null,"tree":[],"storefront":"/r/jpoindexter","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jpoindexter/design-md-extractor/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."}