Skip to content
Get packs

Product Design Router

Routes design requests to the right Product Design sub-skill (research, audit, ideate, clone, prototype)

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

What it does

This is the entry-point router for a Product Design plugin aimed at designers and non-coders. Once installed, when you ask for design exploration, UX research, a flow audit, a faithful clone of a website, a design check, or a shareable prototype, the agent picks the matching specialist sub-skill and follows it. It does not do the design work itself; it decides which focused workflow applies and sequences them.

Great for

  • Designers who want help turning product ideas into lightweight prototypes without writing code
  • Product teams that need a UX audit or critique of an existing app flow
  • Non-coders who want guided onboarding to a design-to-prototype workflow

Skip it if

  • Ordinary software implementation requests, since the skill itself says not to use it unless explicitly asked (it adds a design workflow layer that may slow simple coding tasks)
  • Users who need a guaranteed visually verified prototype in a plain chat without browser or Sites tools, since the fallback is a single unverified HTML page
  • Cloning sites you do not have rights to copy, since the skill supports faithful cloning of live URLs and does not itself address copyright or licensing

Try asking

  • “Audit the checkout flow in this app and tell me what's confusing”
  • “Explore three visual directions for a new onboarding screen”
  • “Clone this live landing page into a prototype I can share with my team”
  • “Redesign this site based on the URL I'm sending, starting with a brief”
Step-by-step guide: how to use Product Design RouterInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

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

    index.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip index.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 focused skill you want (for example audit or ideate) so the router loads it directly instead of guessing.
  • Provide a URL, screenshot, or mockup up front; without a visual target the workflow stops at three options for you to pick from.
  • Expect a one-time setup step that saves product and design context before routing if you are using the plugin for the first time.

What's inside

  • agents/openai.yaml
  • 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.