skill-visual-feedback

Analyze screenshots to identify and fix UI visual issues.

1|Updated Jun 12, 2026
One-click install
npx skills add https://github.com/mhdxbilal/Ai --skill skill-visual-feedback-mhdxbilal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: skill-visual-feedback
Source: https://github.com/mhdxbilal/Ai/tree/main/.claude/skills/skill-visual-feedback
Command: npx skills add https://github.com/mhdxbilal/Ai --skill skill-visual-feedback-mhdxbilal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Process screenshot-based UI/UX feedback to identify visual issues, map them to UI components, and propose and apply fixes that improve consistency and usability.

Core Features & Use Cases

  • Visual Analysis: Examine user-provided screenshots to identify styling, layout, and component issues.
  • Issue Categorization: Classify issues by type and impact.
  • End-to-end Fix Plan: Create and execute a fix plan that updates base components and applies changes across instances.

Quick Start

Analyze the screenshot feedback you provide and generate a prioritized plan to fix UI visuals across the app.

Frequently Asked Questions about skill-visual-feedback

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

FAQPage Schema
How do I fix UI visual issues from a screenshot?

To fix UI visual issues from a screenshot, you need a tool that analyzes the image to identify styling and layout problems, maps them to specific frontend components, and generates a prioritized plan to update styles across your web or mobile app.

Can I use screenshot feedback to debug frontend layout problems?

Yes, you can use screenshot feedback to debug frontend layout problems by processing the visual data to categorize issues by type and impact, then applying fixes directly to the base UI components in your codebase to resolve the errors.

What's the best way to turn visual bug reports into code fixes?

The best way to turn visual bug reports into code fixes is to analyze the screenshot feedback, classify the visual errors, and execute an end-to-end fix plan that updates base components and applies the style changes across all instances.

Do I need codebase access to resolve UI polish tasks from screenshots?

Yes, you need codebase access to resolve UI polish tasks from screenshots because the process requires locating the relevant frontend components, updating their styles, and verifying the improvements against your acceptance criteria.

How does visual analysis work for design reviews?

Visual analysis for design reviews works by examining user-provided screenshots to detect inconsistencies in styling, layout, and component rendering, then mapping those visual discrepancies to specific UI components for correction.

Why does my UI look broken in the screenshot but pass code checks?

Your UI may look broken in the screenshot despite passing code checks because visual analysis detects runtime styling and layout issues that static checks miss, requiring component mapping and style verification against acceptance criteria to fix.