screenshot-analyzer

Analyze recent PNG screenshots from Downloads/Screenshots using a UI/UX checklist.

17|Updated May 24, 2014

Search Tags:#ui/ux #design review #user interface #screenshot #visual analysis #layout inspection

One-click install

npx skills add https://github.com/blacktop/dotfiles --skill screenshot-analyzer-blacktop

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: screenshot-analyzer
Source: https://github.com/blacktop/dotfiles/tree/main/ai/skills/screenshot-analyzer
Command: npx skills add https://github.com/blacktop/dotfiles --skill screenshot-analyzer-blacktop

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps you quickly find and analyze screenshots from your downloads folder, focusing on UI/UX review to identify design strengths and weaknesses.

Core Features & Use Cases

Screenshot Discovery: Automatically lists recent screenshots from ~/Downloads/Screenshots/.
Visual Analysis: Uses a Read tool to display images for detailed inspection.
UI/UX Evaluation: Provides a structured checklist for assessing visual hierarchy, layout, typography, color, interactive elements, error states, and consistency.
Use Case: When you need to review the user interface of a new app screen or a website mockup, this Skill helps you systematically identify areas for improvement.

Quick Start

Analyze the latest screenshot in ~/Downloads/Screenshots/ using the provided UI/UX checklist.

Frequently Asked Questions about screenshot-analyzer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I review UI/UX design from a screenshot?▼

To review UI/UX design from a screenshot, you can analyze PNG images in your Downloads/Screenshots directory using a structured checklist to evaluate visual hierarchy, layout, typography, color, and interactive elements.

What is included in a UI/UX visual analysis checklist?▼

A UI/UX visual analysis checklist covers visual hierarchy, layout, typography, color, interactive elements, error states, and consistency to systematically identify design strengths and weaknesses.

How do I automatically find recent screenshots for design review?▼

You can find recent screenshots for design review by automatically listing and reading PNG files directly from your ~/Downloads/Screenshots/ directory.

Can I use this screenshot analysis for website mockups?▼

Yes, you can use this screenshot analysis for website mockups or new app screens to systematically identify areas for design improvement and output findings in a Markdown format.