ST
Screenshot Teardown
🔵 Stable🕐 updated 2026-07-02
🔷 SkillSpec L3
pm-vision
Tear down a competitor's product from screenshots of its actual UI — onboarding, pricing page, core flows. Use when given screenshots of a rival's app or website and asked what they're doing, how their flow works, or what to learn/steal/avoid. Produces a UX-and-strategy teardown grounded in what is visibly on screen, with an inferences-vs-observations split. Requires image input. For a market-level teardown without screenshots use competitor-teardown.
What to give it
▸The screenshots — (up to ~5 per pass; more → ask which flow matters most). If none attached, ask — never tear down from memory of the product.
▸Your product and angle — ask if missing): who's analysing, and for what decision (pricing? onboarding redesign? battlecard?
✅ The bar it holds itself to
Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.
✓Every observation cites its screenshot; every inference is labelled `[inference]`
✓Copy is quoted verbatim where it carries the point, not paraphrased
✓The friction count is actual (fields/steps visible), not vibes
✓The teardown states what the screenshots *cannot* show
✓Recommendations name what to change when stealing a pattern — context transplants fail
⚠️ What it refuses to do
Do not analyse a product from training-data memory when screenshots are provided — the pixels are the source of truth, and the product has probably changed
Do not proceed without images — that's `competitor-teardown`'s job
Do not present inferences as facts — "they're struggling with churn" is a reading, not a screenshot
Do not sneer — "cluttered" is not analysis; name what the clutter costs and whom it serves
Do not extrapolate a whole strategy from one screen — say when the evidence is thin
Install
npx pm-claude-skills add --agent claude # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y pm-claude-skills-mcpRelated skills
🔌 Embed this skill
Drop this on your blog, docs, or site — it renders a "Run this skill" card:
<div data-pm-skill="screenshot-teardown"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>💬 Discussion
Screenshot Teardown is one of 731 open-source professional AI agent skills — all SkillSpec L3.
Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog