web-design-md
Turn a live website into a reusable DESIGN.md covering palette, typography, components, layout, motion, responsive rules and agent prompts, plus an HTML preview using DOM/computed-style evidence. Use for "DESIGN.md 만들어줘", "사이트 디자인 시스템 추출", "스타일 가이드 문서화", "look and feel 분석", "extract design tokens from this site", "write a style guide from URL" — documentation, not rebuilding the page.
Pinned to revision cb2330c1f074, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/web-design-md/SKILL.md
- skills/web-design-md/references/design-md-template.md
- skills/web-design-md/references/reading-checklist.md
- skills/web-design-md/scripts/extract_design_evidence.js
- skills/web-design-md/scripts/lint_design_md.py
- skills/web-design-md/scripts/render_preview.py
Every link opens the file at its source, pinned to the revision this page describes.