Back to browse
GitHub Repository

Extract and reproduce design systems from any website using deterministic analysis and LLM interpretation.

129 starsTypeScript

Design Memory – Extract design systems from live websites via CLI

by saleban1031·Feb 15, 2026·1 point·0 comments

AI Analysis

●●SolidWizardryNiche Gem
The Take

Playwright-driven crawling + deterministic token extraction plus an LLM for semantic labeling is a clever pipeline — it doesn’t just scrape CSS, it produces an AI-optimized .design-memory folder with tokens, component recipes, and multi-page merge/diff capabilities. Expect variable fidelity on highly dynamic or framework-heavy sites since the approach depends on selector heuristics and an API key, but the CLI commands (learn, install, diff) and docs show this is more than a research sketch.

Category
Target Audience

Designers, front-end developers, design system engineers, product teams

Post Description

CLI tool that crawls a website and extracts its full design system into AI-readable markdown files.

It uses Playwright for crawling, deterministic analysis for tokens (colors, typography, spacing, CSS variables), and an LLM for semantic interpretation (component recipes, layout structure, design principles).

One command: design-memory learn <url>

Output is a .design-memory/ folder that any LLM can consume to recreate the design with high fidelity.

Similar Projects

DesignMid

Design Inspiration for LLMs

It turns real production sites into compact design tokens and an llm.txt context so large models don't hallucinate weird UI choices — neat move to reduce token bloat while keeping designs grounded. The MCP endpoints (search_design_inspiration, export_domain_tokens, get_layout_data, display_pin) and direct integrations with tools like Cursor and VS Code make it immediately usable in prompt workflows, but value will hinge on extraction accuracy and coverage of the indexed sites.

Big BrainNiche Gem
sim04ful
103mo ago