memvid/design-memory
Extract and reproduce design systems from any website using deterministic analysis and LLM interpretation.
This tool helps front-end developers and UI/UX designers understand and replicate the visual style of any website. It takes a website URL or a screenshot and produces a structured breakdown of its design system, including colors, fonts, and spacing. This is ideal for those who need to quickly grasp or implement the aesthetic rules of an existing web interface.
116 stars.
Use this if you need to extract and standardize the design principles from a live website or image to inform your own design and development work.
Not ideal if you are looking for a tool to *create* a design system from scratch rather than analyzing an existing one.
Stars
116
Forks
10
Language
TypeScript
License
—
Category
Last pushed
Feb 15, 2026
Commits (30d)
0
Get this data via API
curl "https://pt-edge.onrender.com/api/v1/quality/llm-tools/memvid/design-memory"
Open to everyone — 100 requests/day, no key needed. Get a free key for 1,000/day.
Higher-rated alternatives
usalu/semio
🧩 Design-Information-Modeling for Kit-of-Parts 🏘️
dtyq/magic
Super Magic. The first open-source all-in-one AI productivity platform (Generalist AI Agent +...
nilooy/flowgpt
Generate diagram with AI
michaelzixizhou/codag
Visualize AI/LLM workflows in your codebase.
swark-io/swark
Create architecture diagrams from code automatically using large language models (LLMs).