web-extract-styles
Turn a captured website into exact design facts - computed-style dumps per section, design tokens, fonts, SVG/icons, hover/scroll/click state diffs, animation and interaction-model analysis, responsive breakpoints, and one component spec file per section. Use for "CSS 추출", "디자인 토큰 뽑기", "애니메이션 분석", "스크롤 인터랙션 분석", "extract computed styles", "reverse-engineer animations", "write component specs".
Pinned to revision cb2330c1f074, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/web-extract-styles/SKILL.md
- skills/web-extract-styles/references/motion-analysis.md
- skills/web-extract-styles/references/spec-template.md
- skills/web-extract-styles/scripts/animation-inventory.js
- skills/web-extract-styles/scripts/diff_states.py
- skills/web-extract-styles/scripts/extract-styles.js
Every link opens the file at its source, pinned to the revision this page describes.