mcpField
F
flutter-audit

flutter-audit

github.com/musabekisakov-imjDesign & UI448 installsUpdated 14w ago
Repository

About flutter-audit

Flutter UI Audit is a read-only skill for diagnosing Flutter interface issues before suggesting changes. It inspects implementation and rendered states, prioritizes findings by impact, and distinguishes observed facts from visual judgment.

Key features

  1. 01Inspect screens, state, navigation, and tests
  2. 02Evaluate accessibility and responsive layouts
  3. 03Check loading, error, and other UI states
  4. 04Prioritize findings by impact
  5. 05Cite evidence and recommend remedies

Use cases

  1. 01Audit a Flutter screen before redesign
  2. 02Assess accessibility and adaptive behavior
  3. 03Identify gaps in UI states and recovery paths

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/musabekisakov-imj/flutter-design-engineer --skill flutter-audit

After installing, type/flutter-auditin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

agents/
openai.yaml
references/
anti-slop.md
connected-product-workflows.md
layout-and-density.md
visual-qa.md

Details

From the project README

Flutter UI Audit

Diagnose before prescribing. Keep audit work read-only unless the user requests changes.

Inspect

  1. Read the screen, related state, navigation, theme, shared widgets, and tests.
  2. Run the app or inspect screenshots when available. Record viewport, theme, locale, and state for each observation.
  3. Evaluate:
    • product goal and primary action;
    • hierarchy, grouping, scan order, density, typography, color, and surface use;
    • navigation, forms, feedback, destructive actions, and recovery;
    • loading, empty, partial, error, offline, and success states;
    • compact and expanded layouts;
    • semantics, focus, text scaling, contrast, touch targets, RTL, and reduced motion;
    • widget boundaries, hard-coded dimensions, rebuild scope, and theme consistency.
  4. Read references/anti-slop.md, references/layout-and-density.md, and references/visual-qa.md for applicable checks. For multi-domain surfaces, also read references/connected-product-workflows.md and verify that the connection is more than adjacent cards.

Prioritize

Classify findings:

  • P0: blocks a core task, creates data loss/security risk, or makes the interface unusable.
  • P1: materially harms comprehension, accessibility, completion, or adaptive behavior.
  • P2: weakens consistency, polish, or maintainability without blocking the task.
  • P3: optional refinement with limited user impact.

For each actionable finding, cite the screen/state and relevant file or rendered evidence. Explain user impact and the smallest credible remedy. Separate facts from visual judgment.

Deliver

Lead with the highest-impact pattern, not a long checklist. Include strengths that should be preserved, prioritized findings, missing evidence, and a recommended sequence. Do not imply verification for states you did not render or inspect.

Comments

Markdown supported