screenshot-surgery
Screenshot Surgery
Map the anatomy of a design like a surgeon studying an X-ray.
How to use
/screenshot-surgeryApply clinical analysis constraints to any design in this conversation.
Constraints
Hierarchy Mapping
- MUST number visible elements 1-5 by visual weight (what demands attention first, second, third)
- MUST note whether the hierarchy matches the content priority
- MUST identify competing elements (two things at the same visual weight fighting for attention)
- SHOULD note what creates the hierarchy: scale, weight, contrast, color, position, or space
Spacing Analysis
- MUST identify whether a consistent spacing unit exists
- MUST note the relationship between element grouping and proximity
More from dragoon0x/taste-skills
visual-audit
The 10-second design audit. Look at any design and name what's working and what's not within seconds. Trains rapid pattern recognition for hierarchy, spacing, type, and color. Use when evaluating designs quickly, giving first-impression feedback, or building perception speed.
21daily-routines
15-minute daily taste exercises. Monday through Friday. Compound effect over time. Use when building personal practice habits, training a team's design eye, or adding structure to professional development.
15taste-as-strategy
Use taste as a competitive moat and business advantage. In the AI and vibe-coding era, execution is commoditized. Taste is the defensible edge. Use when advising founders on product differentiation, building product culture, evaluating why some products win despite fewer features, or understanding taste as a strategic asset.
15teaching-taste
Help other designers develop judgment without imposing your style. Use when mentoring designers, running design education, or building team-wide quality standards.
15motion-design
Animation as communication. Feedback, orientation, emphasis, delight. If motion doesn't serve one of these four purposes, it shouldn't exist. Use when evaluating animation quality, designing transitions, or deciding whether motion adds or subtracts.
15tradeoff-assessment
Name what was prioritized, what was sacrificed, and whether the tradeoff was right. Every design decision trades something. Use when evaluating design decisions, defending choices, or helping teams understand what they're giving up.
14