A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
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
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools
Build better UI with AI
Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest community takes.
Give your AI coding agent a design system. One command installs 400+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free, MIT, zero AI calls.
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.
Figma plugin that extracts local style guidelines and generates DESIGN.md and SKILL.md files for AI tools such as Claude Code, Codex, Cursor, and other AI tools
200 production-grade DESIGN.md design systems for the world's best apps. Framework-neutral plus SwiftUI, Jetpack Compose, and Expo. Hand one to your AI agent, ship pixel-matched UI.
Japanese UI design contracts for AI builders. DESIGN.md templates, CSS recipes, and validation rules for Japanese interfaces.
Generate DESIGN.md, Tailwind themes, tokens, and prompts from any website.
Production-grade design context for AI coding workflows. Extract a real design system from any URL — colors, typography, spacing, breakpoints — as a portable DESIGN.md.
Generate Google Stitch compatible DESIGN.md files from any website using AI vision. Bring your own Gemini, OpenAI, Claude, or Ollama key. No backend, no cost.
Stop Claude Code/Cursor from guessing UI. Extract any website design system into a Stitch-ready DESIGN.md.
Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)
Free presentation slide design.md you can paste into ChatGPT, Claude or any of your AI tools.
🎨 Turn any company's DESIGN.md into stunning Xiaohongshu covers with AI. 9 brand styles: Apple, Claude, Figma, Notion, Tesla, Raycast, Airbnb & more.
Curated DESIGN.md files for inspiring websites — design systems decoded for AI agents. By Sparkbites.