flutter-ui-fix-from-qa

Community

Match Flutter UI to QA specs.

AuthorEnvy-7z
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of precisely aligning Flutter UI elements with Quality Assurance (QA) feedback, ensuring visual consistency without unnecessary code changes.

Core Features & Use Cases

  • Precise UI Adjustment: Modifies padding, spacing, alignment, and divider constraints to match visual specifications.
  • Minimalist Refactoring: Focuses solely on the necessary UI changes, avoiding broader code refactoring.
  • Design Token Adherence: Prioritizes the use of existing design system tokens and constants.
  • Use Case: A QA engineer reports that a button has too much padding. This Skill can quickly adjust the button's padding to match the design spec without altering the button's functionality or surrounding widgets.

Quick Start

Use the flutter-ui-fix-from-qa skill to adjust the spacing around the login button to match the provided QA screenshot.

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: flutter-ui-fix-from-qa
Download link: https://github.com/Envy-7z/mobile-agent-skillpack/archive/main.zip#flutter-ui-fix-from-qa

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.