Skip to content
Get packs

Product Flow Audit

Audits a product flow by capturing screenshots of each step, then reports UX, design, and accessibility findings inline.

Source Download skill
Repository
XiaomiMiMo/MiMo-Code
Stars
13,743
Licence
MIT
Files
3 files

What it does

When you ask an AI agent to review a product experience such as a signup, checkout, or settings path, this skill makes it open the product in a browser, walk through each step, save and check a screenshot of every screen, and then write a numbered critique tied to those screenshots. It covers usability, visual design, and accessibility risks, and notes what it could not verify from screenshots alone. Figma boards are created only if you explicitly ask for one.

Great for

  • Product designers wanting a quick, evidence-backed review of an onboarding or checkout flow
  • Developers or founders who want a structured UX critique of a live staging build
  • Teams preparing for a design review who need screenshots and notes in one report

Skip it if

  • Full WCAG compliance certification, since the skill states it cannot claim full accessibility compliance from screenshots alone
  • Auditing flows behind logins or paywalls the agent cannot access, because it will stop and report the blocker rather than guess
  • Reviewing a design file or prototype without a live or capturable product, since it relies on captured screenshots as evidence

Try asking

  • “Audit our checkout flow at staging.example.com and list the UX and accessibility issues by step”
  • “Review the onboarding path in my open browser tab and give me highest-impact changes”
  • “Critique the settings screens for clarity and accessibility, with screenshots of each step”
  • “Audit this signup funnel and then ask me whether to plot it in Figma”
Step-by-step guide: how to use Product Flow AuditInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the MIT licence and an attribution note.

    audit.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip audit.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip audit.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the exact flow and starting URL or open tab so the agent captures the right states
  • Log in or set up test data yourself before the audit, since the agent stops at login walls and cookie dialogs
  • Ask explicitly for a Figma board only when you want one, since the default is an inline report

What's inside

  • agents/openai.yaml
  • references/design-audit-framework.md
  • SKILL.md

Redistributed unmodified from XiaomiMiMo/MiMo-Code under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.