Can I analyze multiple screenshots from the same app at once?

Yes, the skill is designed to batch process multiple screens, deduplicating features and synthesizing them into a unified product plan.

Does this skill generate source code directly?

No, this skill focuses on extracting 'what' to build (features and interactions) rather than 'how' to build it, providing a strategic roadmap for developers.

Where is the analysis output saved?

The final task list is written to a structured Markdown file within your project's 'docs/plans/' directory for easy version control and tracking.

What is the benefit of the multi-agent approach?

By using specialized agents for UI, interactions, and business logic in parallel, the skill ensures a more thorough and accurate analysis than a single-pass approach.

Screenshot Analyzer

Name: Screenshot Analyzer
Author: notedit

bynotedit

•

301

•

Design Tools

Transforms UI screenshots into detailed product feature lists and executable development task checklists using a multi-agent analysis pipeline.

This skill leverages a sophisticated multi-agent architecture to decompose user interface screenshots into comprehensive development plans. By coordinating specialized agents for UI components, interaction flows, and business logic in parallel, it synthesizes visual references into structured Markdown task lists. It is an essential tool for developers and product managers who need to rapidly translate design mocks, competitor apps, or legacy screens into actionable PRDs and implementation roadmaps without manual data entry.

Key Features

01Multi-agent orchestration with specialized UI, Interaction, and Business specialists

02301 GitHub stars

03Feature deduplication across multiple screenshots for cohesive app flow analysis

04Automated synthesis of visual data into structured development task lists

05Integrated quality assurance via a dedicated reviewer agent for final validation

06Parallel analysis pipeline to maximize processing speed and efficiency

Use Cases

01Conducting competitive analysis by extracting feature sets from rival product screenshots

02Converting high-fidelity UI/UX design mockups into granular development task lists

03Reverse-engineering functional requirements and PRDs from legacy application screens

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add notedit/happy-skills screenshot-analyzer

For use in Claude.ai and ChatGPT

Download Skill