shot-analyze
Analyze a UI screenshot, mockup, Figma export or phone screenshot BEFORE writing code - fix canvas/DPR, extract design tokens (color, type, spacing, radius, shadow), layout regions, component inventory, exact text, asset roles, and write a build spec. Use for "스크린샷 분석", "디자인 토큰 추출", "레이아웃 분석", "이미지에서 색상/폰트/간격 뽑아줘", "analyze this screenshot", "extract design tokens from image", "screenshot to spec", or as step 1 of any shot-to-* skill.
Pinned to revision cb2330c1f074, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/shot-analyze/SKILL.md
- skills/shot-analyze/references/analysis-rubric.md
- skills/shot-analyze/references/asset-and-font-policy.md
- skills/shot-analyze/references/spec-template.md
- skills/shot-analyze/scripts/NOTICE.md
- skills/shot-analyze/scripts/crop.mjs
- skills/shot-analyze/scripts/probe.py
Every link opens the file at its source, pinned to the revision this page describes.