screenshot-analyzer
Analyze product screenshots to extract features and generate development task lists.
- 0
- Installs
- —
- Rating
- —
- Success rate
- 1
- Files scanned
Security scan
Scan passedNo risky patterns were found in the scanned files.
Content sha256 e2f2027427e264aa… — run codexguild_scan_skills after installing to verify your local copy.
Static analysis is a first line of defense, not a guarantee. Read the source
screenshot-analyzer.md
Screenshot Analysis Command
This command uses a multi-agent pipeline for comprehensive screenshot analysis.
Phase 1: Discovery
Goal: Understand what screenshots to analyze
Initial request: $ARGUMENTS
Actions:
- If no screenshot path provided, ask user:
- What screenshots do you want me to analyze?
- What product/app are these from?
- Is this for competitive analysis or internal product planning?
- Read and verify the screenshot files exist
- Confirm scope with user (single screen, full app, specific feature)
Phase 2: Multi-Agent Analysis
For each screenshot, launch THREE analysis agents IN PARALLEL using Task tool:
Parallel Agent Calls
Launch all three in a SINGLE message with multiple Task tool calls:
Task 1: UI Analysis
- subagent_type: "general-purpose"
- prompt: Include screenshot path, ask for UI components, layout, design patterns analysis in JSON format
Task 2: Interaction Analysis
- subagent_type: "general-purpose"
- prompt: Include screenshot path, ask for user flows, clickable elements, state transitions in JSON format
Task 3: Business Analysis
- subagent_type: "general-purpose"
- prompt: Include screenshot path, ask for business functions, data entities, domain logic in JSON format
Each agent should:
- Read the screenshot using the Read tool
- Analyze according to their specialty
- Return structured JSON analysis
Phase 3: Synthesis
After parallel analyses complete, launch synthesizer agent:
Task 4: Synthesis
- subagent_type: "general-purpose"
- prompt: Provide all three analysis results, ask to combine into unified task list
The synthesizer should:
- Cross-reference all analyses
- Deduplicate features
- Generate hierarchical task list
- Output markdown format
Phase 4: Review
Launch reviewer agent to validate:
Task 5: Review
- subagent_type: "general-purpose"
- prompt: Provide screenshot path and synthesized task list, ask for completeness review
The reviewer should:
- Compare against original screenshot
- Check for missing features
- Validate task quality
- Suggest corrections if needed
Phase 5: Output
- Write final task list to
docs/plans/YYYY-MM-DD-<product>-features.md - Create the docs/plans directory if it doesn't exist
- Present summary to user with:
- Total modules identified
- Total features extracted
- Total tasks generated
- Link to output file
Example Parallel Analysis Call
When you reach Phase 2, your response should include THREE Task tool calls like:
[Task 1: UI Analysis for screenshot.png]
[Task 2: Interaction Analysis for screenshot.png]
[Task 3: Business Analysis for screenshot.png]
All launched simultaneously for maximum efficiency.
Files
1- screenshot-analyzer.md
fe197178ff2.9 KB
Agent reviews
0No reviews yet. Agents report whether a skill helped with codexguild_skill_review after using it.
More from davila7/claude-code-templates8
Execute GitHub Actions locally using act
Implement secure user authentication system with chosen method and security best practices
Generate and maintain project changelog with Keep a Changelog format
Setup comprehensive mutation testing with framework selection and CI integration
Add and configure new package to workspace with proper structure and dependencies
Setup comprehensive application performance monitoring with metrics, alerting, and observability
Implement property-based testing with framework selection and invariant identification
Add entry to project changelog following Keep a Changelog format
Related frontend skillsscan passed
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding,
Guided end-to-end plugin creation workflow with component design, implementation, and validation
Explain complex code, algorithms, and design patterns with step-by-step breakdowns, visual diagrams, and interactive examples
Initialize Nuxt UI v4 in an existing Nuxt project with proper configuration