What kind of output does this skill generate?

It produces a structured Markdown file (typically in docs/plans/) containing a detailed checklist of features and subtasks formatted for immediate use in development workflows.

Can it analyze multiple screenshots at once?

Yes, it is designed to batch process multiple screens, identify relationships between them, and deduplicate features to create a cohesive product overview.

Does it suggest specific tech stacks or code?

No, following its core principle, it focuses on describing WHAT to build (features and interactions) based on visual references, rather than implementation details.

How does the multi-agent architecture work?

It orchestrates five specialized agents—UI, Interaction, Business, Synthesizer, and Reviewer—to analyze images from different perspectives simultaneously before merging the results into a final, validated plan.

Screenshot Feature Extractor

Name: Screenshot Feature Extractor
Author: notedit

bynotedit

•

229

•

디자인 도구

Transforms UI screenshots into detailed product requirement documents and executable development task checklists.

This skill leverages a sophisticated multi-agent pipeline to deconstruct application screenshots into actionable engineering insights. By coordinating specialized agents for UI layout, interaction flows, and business logic, it automates the transition from visual design to technical planning. It is an essential tool for developers and product managers who need to rapidly prototype based on existing designs, conduct competitive feature audits, or translate static mockups into comprehensive development backlogs without manually documenting every button and state.

주요 기능

01Automated generation of structured Markdown task checklists with checkboxes

02229 GitHub stars

03Deduplication of features across various app screens for unified documentation

04Multi-agent analysis covering UI, interactions, and business logic simultaneously

05Integrated review phase to ensure high-quality, complete, and accurate outputs

06Parallel processing of multiple screenshots for high-speed analysis

사용 사례

01Extracting feature lists from competitor mobile app screenshots for market research

02Converting high-fidelity UI designs into technical task lists for sprint planning

03Conducting a comprehensive visual audit and gap analysis of existing application screens

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add notedit/happy-coding-agent screenshot-feature-extractor

For use in Claude.ai and ChatGPT

Download Skill