Skip to content

Share Prototype

Deploys a runnable design prototype to a hosting tool and returns a shareable link.

Stars
13,743
Licence
MIT
Files
2 files

What it does

When you ask the agent to share a design prototype, this skill makes it first confirm where to publish (for example @Sites or @Vercel), then run that deployment tool itself and hand back a public URL. It also checks your saved context such as brand assets or reference files so the prototype is grounded in what you already have, and it reports any manual steps still left for you.

Great for

  • Designers who want a clickable prototype link to send to stakeholders
  • Product teams using the Product Design plugin with @Sites or @Vercel
  • Developers who want deployment done for them instead of reading setup instructions

Skip it if

  • Prototypes containing confidential or unreleased designs, because the deployed link may be publicly reachable (check the chosen host's privacy settings first)
  • Users without the named deployment tool installed or connected, since the skill can only report it is unavailable and ask for another target

Try asking

  • “Share this prototype with my team using @Vercel”
  • “Deploy the current prototype folder and give me the link”
  • “Where should I deploy this: @Sites or @Vercel? Then publish it”
Step-by-step guide: how to use Share PrototypeInstall, 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.

    share.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip share.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 deployment target explicitly in your request to skip the confirmation question.
  • Confirm the prototype directory before sharing so the right files are published.
  • Check the deployed URL's access settings if the design is sensitive.

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.