extract-design-md

Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.

Key details

Creator

Google Labs

Collection

Design

Trust tier

Major vendor

Compatible with

Claude Code

Install

Run in your terminal

git clone https://github.com/google-labs-code/stitch-skills/tree/main/plugins/stitch-design/skills/extract-design-md ~/.claude/skills/extract-design-md

Clones into ~/.claude/skills/ — Claude Code auto-discovers it (run /skills to confirm; restart if the folder is new).

Works with Claude Code.

Download ZIP

No terminal? Download the folder, then either unzip it into ~/.claude/skills/ or drop the ZIP into Claude Code (or any agent) and ask it to install the skill.

Open repository

What are skills?Browse all

Related skills

frontend-design

Creative-direction skill picking precise aesthetic

canvas-design

Visual art in PNG/PDF using design principles

brand-guidelines (design)

Apply Anthropic brand colors/typography

theme-factory

10 pro font+color themes for artifacts