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 source4109discovered

A little curiosity. A world of open source.

THE FIRST COLLECTION
Topic: design-to-code清除
design-extractManavarya09
ADDED

designlang 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.

DesignDeveloper toolsDesign systems
ADDED

A 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.

Developer toolsDesignComponent libraries
dembrandtdembrandt
ADDED

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.

DesignDeveloper toolsDesign systems