Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.
-
Updated
Jun 22, 2026 - JavaScript
Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.
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.
Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction notes.
The most powerful Figma Console MCP capabilities, repackaged as Markdown skills for the native Figma MCP server — design tokens, variables, component analysis, WCAG lint, a11y audits, version history, FigJam & Slides.
A Typescript implementation of the Design Tokens Format Module specification
Component contracts: one machine-readable source of truth that generates both a React library and a Figma library, proves they match with a three-way differ, extracts contracts back out of existing code or designs, and runs the whole loop in a browser playground. Candidate spec for design-system contracts.
Mint audits your legacy CSS and generates a clean, exportable design system from the chaos.
Skill and template for GTC design tokens model.
Web-based validator for W3C DTCG design tokens (2025.10 spec)
Check, lint, and convert design tokens to CSS. DTCG JSON, HRDT YAML, and DESIGN.md support.
Sample project showing usage of W3C Design Tokens in Style Dictionary
Component Description Format — a design-system-agnostic format describing UI components
Figma plugin and skill to convert variables to DTCG design tokens.
For when your vibe-coded iOS apps need their design tokens extracted into DTCG tokens, a brand-narrative DESIGN.md file, and an audit report
Hardened SPA site cloner + DTCG design system extractor + OpenAI personalization spec. Built on asimov-academy/Website-Downloader.
Create boldly. Prove mechanically. Open-source design governance for AI-built UI — fail-closed verification, Taste Lock, and a hash-chained approval ledger.
CSS-first design system for interfaces that explain themselves — standard components + an opt-in analytical/report layer for LLM-authored HTML/PDF reports. Monochrome, one rationed accent, zero runtime deps.
Add a description, image, and links to the dtcg topic page so that developers can more easily learn about it.
To associate your repository with the dtcg topic, visit your repo's landing page and select "manage topics."