A collection of DESIGN.md files inspired by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot.
Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI
Design system skills for agentic tools
Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest community takes.
List of awesome design md skill files for agentic tools like Claude, Codex, and Gemini
Generate DESIGN.md from 67 real company design systems. Now with OmD v0.1 Philosophy Layer — brand context for Claude Code.
Japanese UI design contracts for AI builders. DESIGN.md templates, CSS recipes, and validation rules for Japanese interfaces.
🎨 Turn any company's DESIGN.md into stunning Xiaohongshu covers with AI. 9 brand styles: Apple, Claude, Figma, Notion, Tesla, Raycast, Airbnb & more.
Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)
Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.
Claude Code skill: Generate design.md, design-guidelines.md & design-components.md from any design references — images, PDFs, links, screenshots. For AI-assisted coding (Cursor, Claude Code, Copilot)
Extract any website's design system into a DESIGN.md file
Curated DESIGN.md files for inspiring websites — design systems decoded for AI agents. By Sparkbites.
Figma plugin that generates a design system skill.md file for agentic tools
DESIGN.md for Terminal UI — curated TUI design systems for AI coding agents. Source-code-level research from Claude Code, Lazygit, btop, k9s and more.
Firefox extension that extracts styles from any websites and generates DESIGN.md and SKILL.md files for Google Stitch, Claude Design, Codex and Cursor
Distill any website's design system into a reusable, Stitch-compatible DESIGN.md. Works with Claude Code, Codex, and any AI agent.
Add a description, image, and links to the design-md topic page so that developers can more easily learn about it.
To associate your repository with the design-md topic, visit your repo's landing page and select "manage topics."