designmd-supply-generator
OfficialTurn any website into a DESIGN.md
Design & Creative#design system#brand identity#design tokens#generate#DESIGN.md#website extraction#context.dev
AuthorAradotso
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It saves time by automatically generating a comprehensive DESIGN.md design system document from a live website, instead of manually researching brand and UI patterns.
Core Features & Use Cases
- Website-to-DESIGN.md generation: Produces structured design system documentation (colors, typography, layout/spacing, components, and brand guidance) for a given domain.
- Context-aware data sourcing: Orchestrates multiple Context.dev APIs (styleguide tokens, brand data, screenshots, and markdown extraction) to ground the output in real site signals.
- Caching for faster repeat runs: Uses Turso/libSQL caching so subsequent requests for the same domain can reuse previously fetched data and generated documents.
Use case example: Generate a DESIGN.md for stripe.com to kickstart internal documentation for design tokens, components, and brand rules.
Quick Start
Generate the DESIGN.md for a domain by asking your assistant to call the endpoint POST /api/design-md with the JSON body { "domain": "stripe.com" } and return the generated markdown.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: designmd-supply-generator Download link: https://github.com/Aradotso/design-skills/archive/main.zip#designmd-supply-generator Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.