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.
OPEN SOURCE, OPEN TO EVERYONE
Open source. Open possibilities.
Discover quality open-source projects, submit projects anonymously, and claim and edit your own project.
✳Human-curated · Discover open source4101discovered
A little curiosity. A world of open source.
THE FIRST COLLECTIONTopic: design-to-code清除
dembrandtdembrandt
ADDEDdesign-extractManavarya09
ADDEDdesignlang is a Playwright-based CLI that reads a website's live DOM and extracts its design system: DTCG tokens, Tailwind config, Figma variables, shadcn theme, component anatomy, motion tokens, brand voice, WCAG contrast audits, and multi-platform emitters, plus MCP server and Chrome extension.
work-with-design-systemsnatdexterra
ADDEDA Claude skill for inspecting and building Figma design systems, providing read-only audits (WCAG, token compliance, interactive states, etc.) and a build mode that creates components, adds slots, and optionally exports tokens.css and AI rules for seamless design‑to‑code integration.