{"repo":"albertzhangz10/design-system-skill","free":true,"listed":false,"github":"https://github.com/albertzhangz10/design-system-skill","clone":"git clone https://github.com/albertzhangz10/design-system-skill.git","description":"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)","language":null,"stars":34,"topics":["ai-assisted-development","ai-coding","claude-code","claude-code-skill","copilot","cursor","design-md","design-system","design-to-code","design-tokens"],"license":"MIT","category":"ui-components","readme_excerpt":"Design System Generator — Claude Code Skill Generate design.md, design-guidelines.md, and design-components.md from any design references 🇨🇳 中文 🇪🇸 Español 🇺🇸 English Stop manually documenting your design system. Upload any design reference and get 3 production-ready markdown files that AI coding tools (Cursor, Claude Code, Copilot) understand natively. Or use the web version — no setup required A Claude Code skill that generates comprehensive design system documentation from any reference materials — images, PDFs, links, screenshots, brand guidelines, or existing code. Non-technical users (designers, PMs) can use the web version directly. The Problem Design systems live in Figma, brand PDFs, and scattered docs — but the documentation AI coding tools need lives nowhere. Every time you start a new project, you manually write token specs, component guidelines, and accessibility rules. The Solution One command. Three documents. From any design reference. What It Generates File Contents Auto ------ ---------- :----: design.md — colors, typography, shape, elevation, states, layout, motion Token files, images, PDFs ✅ design-guidelines.md — accessibility, gestures, content design, do's & don'ts References + inference ✅ design-components.md — 30+ components with variants, measurements, states References + inference ✅ How It Works Accepted Inputs Type Examples ------ ---------- Images Screenshots, mockups, design tool exports PDFs Brand guidelines, style guides, design specs Link","default_branch":null,"files":null,"tree":[],"storefront":"/r/albertzhangz10","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/albertzhangz10/design-system-skill/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}