workflowstacks
design

brandmd: Extract Design Systems

Get a Stitch-ready DESIGN.md for your website. For founders using Claude Code/Cursor.

From the repo · “Stop Claude Code/Cursor from guessing UI. Extract any website's design system into a spec-valid DESIGN.md that passes the official @google/design.md linter.”

69 stars+1★ this week6 forksJavaScriptGuide quality 8/10 · reviewed Jul 12Updated 10/8/2026100% free · open source
What it does

Brandmd extracts any website design system into a Stitch-ready DESIGN.md, stopping Claude Code/Cursor from guessing UI

When to use it
  • •You're building a website with Claude Code/Cursor and want to define a clear design system
  • •You need to document your existing website's design system for future development
  • •You want to create a DESIGN.md file for your website to use with Stitch
Ready-to-paste prompt
npx brandmd extract https://example.com --output DESIGN.md
Heads up: Make sure you have Node.js installed and configured on your system, as brandmd is a Node.js-based tool
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/brandmd && curl -fsSL https://workflowstacks.com/api/skills/brandmd/claude-skill -o ~/.claude/skills/brandmd/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions
Details
Creator
yuvrajangadsingh
Language
JavaScript
Category
design
Published
3/25/2026

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/brandmd.svg)](https://workflowstacks.com/skills/brandmd?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.

MCP config

GitHub MCP config

Search repos, read code, open issues and PRs from Claude.

MCP config

Google Maps MCP config

Geocoding, directions, and place search inside Claude.

MCP config

Context7 (live docs) MCP config

Pull up-to-date library docs into Claude so it codes against the real API.

Related skills

More design tools founders pair with this one.

design★ 392,732
openclaw: AI assistant that runs on any OS and protects your data
Backed by 391k+ GitHub stars, openclaw gives founders a cross‑platform personal AI assistant that runs locally, keeping your data under your control.
design★ 165,093
Stable Diffusion web UI for Design
Generate images with stable-diffusion-webui, a tool for founders. 163k+ GitHub stars.
design★ 113,119
Supabase: Rapid Postgres‑Backed Apps for Founders
Launch web, mobile, or AI products on a fully managed Postgres database with real‑time APIs and auth—ideal for startup teams. 111k+ GitHub stars.
design★ 16,233
labelme: Fast Image Annotation for Vision Projects
Build accurate polygon, rectangle, circle, line or point annotations—and AI‑assisted labeling—in Python. Ideal for founders developing computer‑vision models.
design★ 1,084
Mosaico: Streamline Physical AI
Founders get a data platform for robotics with Mosaico. For startups in physical AI and robotics.
design★ 1,244
speech‑swift: On‑device AI Speech Suite for Apple Silicon
Add real‑time ASR, TTS, speech‑to‑speech, VAD and diarization to iOS/macOS apps without cloud costs. Ideal for founders building privacy‑first voice features. 1.2k+ GitHub stars.