Fix Flutter UI issues based on QA screenshots (padding, spacing, alignment, dividers). Use when asked to match UI precisely without refactoring unrelated code.
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
- Confirm target screen/widget and expected result (from screenshot notes).
- Locate the exact file(s) responsible for the layout.
- Apply minimal UI change(s): padding/margin/alignment/divider constraints.
- Sanity check common screen sizes (small/large phone).
- Summarize: what changed + QA verification checklist.
Output format
- Summary (2–4 bullets)
- Files changed
- QA checklist (bullets)