Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

Use DTCG tokens JSON to generate code for web, mobile, native apps, and more

Universal Design Tokens (UDT) is a collection of libraries and utilities for working with DTCG design tokens files.

A Typescript implementation of the Design Tokens Format Module specification

Sample project showing usage of W3C Design Tokens in Style Dictionary

[Unofficial] Web-based validator for W3C DTCG design tokens (2025.10 spec)

A package to process DTCG-compliant design tokens

Custom style dictionary transformer for Unity UI-Toolkit

Design system for Automated (automated-ki-agentur.de) — tokens, typography, components, and brand rules. Ingestible by Claude Design, Figma, and code projects.

Aro Studio is a professional toolkit for creating and managing multi-brand design systems. It provides token editing, validation, and packaging, desktop-grade interface built for modern product teams.

Cultural design token pipeline — DTCG tokens, CSS custom properties, and Tailwind v4 themes. Swiss International, Nihon Traditional, and more.

Component Description Format — a design-system-agnostic format describing UI components

CoreDS — Universal Design System + UX Pattern Library in Obsidian vault

Open-source framework for auditing a design system's maturity and producing a phased improvement plan. 125 criteria across 20 categories. Vendor-neutral. Works with any LLM agent (Claude, Cursor, Copilot).

Design token types

CoreDS — UIXRay Design System documentation site. Astro + Starlight.

Hardened SPA site cloner + DTCG design system extractor + OpenAI personalization spec. Built on asimov-academy/Website-Downloader.