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.
Design system skills for agentic tools
List of awesome design md skill files for agentic tools like Claude, Codex, and Gemini
Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)
🎨 Turn any company's DESIGN.md into stunning Xiaohongshu covers with AI. 9 brand styles: Apple, Claude, Figma, Notion, Tesla, Raycast, Airbnb & more.
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.
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)
Curated DESIGN.md files for inspiring websites — design systems decoded for AI agents. By Sparkbites.
Extract any website's design system into a DESIGN.md file
Figma plugin that generates a design system skill.md file for agentic tools
Distill any website's design system into a reusable, Stitch-compatible DESIGN.md. Works with Claude Code, Codex, and any AI agent.
Professional-grade DESIGN.md files for AI coding agents. Engineered from design principles, not extracted from websites.
Collection of DESIGN.md files that capture design systems from popular websites. Drop one into your project and let coding agents build matching UI.
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."