Envy-7z

flutter-ui-fix-from-qa

Fix Flutter UI issues based on QA screenshots (padding, spacing, alignment, dividers). Use when asked to match UI precisely without refactoring unrelated code.

Envy-7z 0 Updated 3mo ago
GitHub

Install

npx skillscat add envy-7z/mobile-agent-skillpack/flutter-ui-fix-from-qa

Install via the SkillsCat registry.

SKILL.md

Flutter UI Fix from QA

Rules

  • Change ONLY what is necessary to match the screenshot/spec.
  • Do NOT refactor unrelated widgets, files, or architecture.
  • Prefer existing design system tokens/constants. Avoid new magic numbers.
  • Keep behavior identical unless explicitly asked.

Workflow

  1. Confirm target screen/widget and expected result (from screenshot notes).
  2. Locate the exact file(s) responsible for the layout.
  3. Apply minimal UI change(s): padding/margin/alignment/divider constraints.
  4. Sanity check common screen sizes (small/large phone).
  5. Summarize: what changed + QA verification checklist.

Output format

  • Summary (2–4 bullets)
  • Files changed
  • QA checklist (bullets)