Guide · Agent skill
How to use the Share Prototype agent skill (share)
Updated · written with AI from the project's own documentation and checked against our catalogue data
The share skill is an agent skill for MiMo-Code's Product Design plugin. When you ask the agent to share a runnable prototype, it confirms where to publish, deploys it with that tool, and returns a shareable URL. This guide explains what the skill does, how to install it, how to trigger it, and what it needs before it runs.
Share PrototypeXiaomiMiMo/MiMo-Code · MIT Download the skill Quick start
- 1Download the ZIP. Download the share skill ZIP from this page. It contains agents/openai.yaml and SKILL.md.
- 2Install the skill. Unzip it into ~/.claude/skills/ for personal use or into a project's .claude/skills/ folder. Alternatively, upload the ZIP under Settings → Capabilities → Skills in the Claude apps.
- 3Check your deployment tool. Make sure @Sites or @Vercel is installed, connected and authenticated, since the skill uses it to deploy.
- 4Ask for a share. Tell the agent to share or deploy your runnable prototype, and name the target if you know it.
- 5Confirm the target. If you did not name a target, answer the agent's question about where to deploy.
- 6Get the URL. The agent runs the deployment and returns a shareable URL once it works.
- 7Finish any manual steps. Check the list of misses or follow-up steps the agent reports, and complete them.
What is an agent skill, and what does the share skill do?
An agent skill is a folder of instructions (a SKILL.md file) that an AI agent loads when a task matches it. The share skill is one such workflow in the Product Design plugin. Its description is: share a runnable prototype using the user's preferred deployment tool.
Once loaded, the agent deploys the user's runnable prototype so others can open it. It does not stop at giving you setup instructions when it can complete the deployment itself.
- Confirms the prototype directory and the deployment target before deploying
- Uses the selected deployment tool, such as @Sites or @Vercel, to run the deployment
- Returns the shareable URL once it has a working link
- Lists any manual follow-up steps you still need to do
Install the share skill
Download the skill's ZIP file from this page. The skill is packaged with its files agents/openai.yaml and SKILL.md. You can install it in one of two ways.
Option A is a personal install: unzip the file into ~/.claude/skills/. Option B is a project install: unzip it into the .claude/skills/ folder of a specific project. Option C is to upload the ZIP in the Claude apps under Settings → Capabilities → Skills.
- Personal: unzip into ~/.claude/skills/
- Project: unzip into the project's .claude/skills/ folder
- Claude apps: Settings → Capabilities → Skills, then upload the ZIP
Meet the requirements before you start
The skill needs the MiMo-Code Product Design plugin environment and a deployment tool such as @Sites or @Vercel that is available and authenticated. If the named tool is not installed or connected, the skill reports that it is unavailable and asks you to choose another target.
The optional user-context preflight script needs local shell access. The skill runs scripts and uses the network, so plan for both.
- MiMo-Code Product Design plugin environment
- A deployment tool such as @Sites or @Vercel, installed, connected and signed in
- Local shell access for the optional user-context preflight script
- Network access (the skill uses the network)
Trigger the skill with a natural request
Ask the agent to share or deploy your prototype in plain language. If you name a deployment tool, such as @Sites or @Vercel, the agent treats that as your chosen host. If you do not name one, the agent asks a single question before deploying.
The skill will not deploy until you choose or confirm the target.
- "Share this prototype so my stakeholders can click through it."
- "Deploy this prototype with @Vercel and send me the link."
- "Publish the prototype with @Sites."
- If you give no target, the agent asks: Where should I deploy this: @Sites, @Vercel, or another target?
What happens during a share
The agent loads the user-context material and inspects only the saved references the current task needs, such as brand assets, reference images or design tokens. It then runs the chosen deployment tool. The agent does not claim the prototype is shared until it has a working URL.
If something is left undone, the agent states the misses or manual follow-up you need to handle.
- Preflight: loads user context and runs its script when shell access is available
- Deploy: runs the selected tool and does not give setup steps if it can deploy directly
- Return: gives you the public URL, or a clear statement of what failed
Safety notes before you share
The deployed link may be publicly reachable. Do not use this skill for confidential or unreleased designs until you have checked the privacy settings of the chosen host.
The skill runs scripts and uses the network. Review the files in the skill folder if you need to know exactly what runs on your machine.
- Check the chosen host's privacy settings before deploying sensitive work
- Expect the skill to run scripts and use the network
- If the deployment tool is not available, the skill will not complete the share
Tips for better results
Name the deployment tool in your request to skip the target question. Make sure the tool is signed in before you ask, since an unavailable tool stops the share.
Keep your brand assets, reference files and design context saved, because the skill uses them to ground the prototype.
- Name @Sites or @Vercel in the request
- Confirm the deployment tool is installed and authenticated first
- Save brand assets and reference files for better grounding
What people use it for
- Send a clickable prototype link to stakeholders for review
- Deploy a product design prototype with @Sites or @Vercel without reading setup docs
- Share a prototype grounded in saved brand assets and reference files
- Give developers a live link to a prototype built in the Product Design plugin
Frequently asked questions
How do I install the share agent skill?
Download the ZIP from this page and unzip it into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder. You can also upload the ZIP in the Claude apps under Settings → Capabilities → Skills.
What does the share skill require?
It requires the MiMo-Code Product Design plugin environment and a deployment tool such as @Sites or @Vercel that is available and authenticated. The optional user-context preflight script needs local shell access.
Is the share skill free?
The source material is released under the MIT licence. It does not state pricing for the deployment tools, so check the terms of @Sites or @Vercel directly.
What happens if my deployment tool is not available?
The skill says clearly that the selected tool is unavailable and asks whether to use another target. It will not claim the prototype is shared until it has a working URL.
Is it safe to share confidential prototypes with this skill?
Not without checking first. The deployed link may be publicly reachable, so check the privacy settings of the chosen host before deploying confidential or unreleased designs.
Does the share skill deploy without asking me which host to use?
No. It does not deploy until you choose or confirm the target. If you did not name one, the agent asks where to deploy, such as @Sites, @Vercel or another target.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use the share skill if you are a designer or product team member in the MiMo-Code Product Design plugin who wants a clickable prototype link without writing deployment steps. Pick something else if your prototype is confidential, if you do not have @Sites, @Vercel or another supported tool connected, or if you want to avoid scripts and network access.
Download the skill