Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From vision-specialist
Analyzes a screenshot or UI image to identify visual elements, layout structure, and implementation details, outputting a structured analysis.
How this command is triggered — by the user, by Claude, or both
Slash command
/vision-specialist:analyze-screenshotThe summary Claude sees in its command listing — used to decide when to auto-load this command
Analyze a screenshot or UI image to identify elements, layout issues, and implementation details. ## Steps 1. Load and examine the screenshot: 2. Catalog visual elements: 3. Analyze the layout: 4. Identify design details: 5. Detect potential issues: 6. Generate implementation notes: ## Format ## Rules - Be specific about colors, sizes, and spacing (estimate values). - Note any accessibility concerns immediately. - Describe layout in terms that map to CSS (flexbox, grid).
Analyze a screenshot or UI image to identify elements, layout issues, and implementation details.
Screenshot Analysis:
Type: <web|mobile|desktop>
Elements: <count by category>
Layout: <grid|flex|absolute> structure
2plugins reuse this command
First indexed Mar 30, 2026
/analyze-screenshotAnalyzes a screenshot or UI image to identify visual elements, layout structure, and implementation details, outputting a structured analysis.
/analyze-siteAnalyzes a website for design inspiration by capturing desktop/mobile screenshots and extracting colors, fonts, typography, layout patterns, and UI elements into a structured markdown report.
/screenshotGuides macOS screenshot capture via screencapture (--window, --full, --crop or prompted choices) and analyzes resulting image for UI/UX, errors, design, code, or data.
/visualLaunches Gemini 3 Pro agent to analyze screenshots, mockups, and UI designs, providing feedback on layouts, typography, colors, UX best practices, and second opinions.
/design-critiqueEvaluates Figma screens against Nielsen's 10 heuristics, visual design, spacing, color, typography hierarchy, and interaction states. Also supports screenshot-based critique via --screenshot flag.
/design-reviewReviews code, screenshots, or visual artifacts against visual design principles, identifies violations with scores, and suggests research-backed fixes.
npx claudepluginhub costrict-plugins-repo/github-trending-plan --plugin vision-specialist