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+.
Your own design studio inside the coding agent you already use.
400 interactive UI elements you can try live, then copy as an AI prompt or working code: 200 interface parts and 200 website sections and animations. Light/dark, MIT.
Open-source AI interfaces built with Claude (Fable 5) including hero sections, GLSL shaders, design systems, animations, 3D components and and landing pages, in React, Tailwind, and Three.js. Plug them into your AI agent and ship faster.
Spotkit β a Claude Code skill that turns a feature description into minimal, abstract SVG product illustrations that all belong to one design system.
Brands DESIGN.md library
A product-validation system for AI agents: idea β logo β product β brand β launch video in two hours. Desktop app + skills for Claude Code and Codex.
AI-Native UI Engineering, Contract-Driven Design System & Multi-Target Component Architecture (React, PHP Plates, Native HTML, Web Components)
Thirteen design systems. Thirteen files. No build step, no framework, nothing to install. Open one in your browser, copy the tokens, ship something that looks like yours.
:bar_chart: :chart_with_upwards_trend:β Robust dataviz framework implemented using D3 & typescript
ricoui-design-md is a local-first design-system workspace built around `DESIGN.md`.
A build playbook that turns your coding agent into the foreman of a website build. It interviews you, forces the design and scope decisions, locks a visual system, writes the build brief, then verifies, ships, and indexes the site. Claude Code plugin and Agent Skill. Markdown only, no scripts.
This is the official DTCG repository for the design tokens site and specification.