UI Improvement Workflow

Analyze app UI/UX and generate prioritized improvement recommendations.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/yourzero/gift-ideas-minder-app2 --skill ui-improvement-workflow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: UI Improvement Workflow
Source: https://github.com/yourzero/gift-ideas-minder-app2/tree/main/.claude/skills/ui-improvement-workflow
Command: npx skills add https://github.com/yourzero/gift-ideas-minder-app2 --skill ui-improvement-workflow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the manual, error-prone process of UI/UX analysis, implementation, and validation. It ensures design consistency, provides clear visual proof of changes, and automates tedious documentation, saving developers significant time and reducing rework.

Core Features & Use Cases

  • Automated UI Analysis: Systematically analyze your app's UI/UX, generating prioritized recommendations for improvements.
  • Visual Validation: Capture "before" and "after" screenshots for every UI change, automatically generating side-by-side comparisons for clear visual proof.
  • Comprehensive Documentation: Auto-generate detailed testing instructions, commit messages, and reports, ensuring project standards are met.
  • Use Case: When refactoring a complex screen or implementing new design guidelines, use this Skill to analyze the current state, apply changes with visual validation, and automatically produce all necessary documentation and git commits.

Quick Start

To analyze your entire app's UI and get recommendations: /ui-analyze To implement a specific recommendation, for example, "Fix TopAppBar colors": /ui-implement "Fix TopAppBar colors"