skill-visual-feedback

Community

Fix visual UI issues from screenshots.

Authornyldn
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Visual feedback from users often arrives as screenshots or annotated images describing UI/UX issues. This skill provides a systematic approach to parse those visual cues, map them to root causes in the codebase, and propose or apply fixes that improve consistency and usability.

Core Features & Use Cases

  • Analyzes image-based feedback to identify styling, layout, and component issues.
  • Guides code investigation and patch planning to fix visuals across the app.
  • Use Case: When a stakeholder shares screenshots showing misaligned buttons and inconsistent colors, the skill suggests targeted changes and validates them visually.

Quick Start

Provide a screenshot of the UI with issues, and I will analyze and propose a consistent fix across the impacted components.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: skill-visual-feedback
Download link: https://github.com/nyldn/claude-octopus/archive/main.zip#skill-visual-feedback

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.