Tools & Resources

CLI and Node.js library. Run npx designlang <url> and get DTCG tokens, Tailwind config, shadcn globals.css, and CSS custom properties.

Paste any URL and instantly receive a DESIGN.md file. Web-based extractor with no setup required.

Extract DESIGN.md from any public domain. An alternative web-based extractor.

Generates design specs and full configurations including Tailwind, CSS variables, and design tokens.

2000+ DESIGN.md files from real products. Search and browse design systems from top companies.

AI design system library. Generate and explore design systems for modern AI-era products.

Figma plugin that extracts local styles and variables → DESIGN.md + SKILL.md. No API calls — runs fully locally inside Figma.

Chrome extension companion to the Figma plugin. Use DESIGN.md directly in the browser without leaving your workflow.

Open-source alternative to Claude Design. Works with any agent — Claude Code, Codex, Cursor, Gemini CLI. Apache-2.0.

Universal AI design platform with a strong motion and mp4 engine for generating animations and interactive prototypes.

PPT skills with 5 built-in themes and 10 slide layouts. Use with AI agents to generate polished presentations.

30+ templates, layouts, and animations for HTML-based presentations. Drop into any AI agent.

SKILL.md for generating logos through AI agents. Works with Claude Code, Cursor, and Codex.

Material Design 3 as a SKILL.md for AI agents. Gives your agent access to the full MD3 design system.

SwiftUI patterns for Claude Design and Claude Code. Bridge AI-generated designs to native iOS.

Collection of agent rules for good design and image generation. How to make AI have taste.

Anti-slop design reference. Curated examples of intentional, high-quality product design.

Essay on how AI coding agents can develop and apply design taste. A must-read for AI-assisted UI work.