UI Improvement Workflow

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"