Get started
Two steps. Then pick the path that matches how you build.
VibeSharing works with whatever AI tool you already use. The setup is short — most of this page is to help you find the right path.
First, two universal steps
- 01
Sign up for VibeSharing
Create your free account and an organization (your team workspace). Takes about 30 seconds.
Sign up free - 02
Grab your deploy token
Go to Account Settings and copy the token (starts with
vs_). You'll use this for any CLI, MCP, or rule-file flow.
Then pick a path
Choose based on the tool you already use. All four paths produce the same end result — a prototype on VibeSharing your team can review.
Claude Code (MCP)
Connect Claude Code's MCP client to VibeSharing. Deploy, read feedback, and sync context from inside the conversation. Recommended if you build with Claude Code daily.
Setup guide →Cursor (rules)
Add a few .cursor/rules/*.mdc files so Cursor knows how to deploy and register prototypes. Deploy with one prompt; no MCP server required.
Setup guide →Hosted prototypes (Lovable, v0, Replit)
If your prototype is already hosted somewhere with a public URL, just paste it. VibeSharing wraps it with a stable share link, feedback, and version tracking.
Read the steps below →Vibe Starter template
Clone the starter Next.js template, build with whatever tool you like, and run vibesharing deploy. The template ships with the conventions VibeSharing expects out of the box.
Read the steps below →Hosted prototypes
Your prototype is already on Lovable, v0, Replit, or somewhere else?
Paste the URL when registering a prototype. VibeSharing wraps it with the share link, feedback widget, and version tracking — without redeploying anything.
- 01
In the dashboard, click New prototype and choose Link external URL.
- 02
Paste the URL, give the prototype a name, and pick a project.
- 03
Share the new VibeSharing link. Stakeholders pin feedback right on the prototype, no signup needed.
Vibe Starter template
Start from a template that's already wired for VibeSharing.
The starter is a Next.js project with the conventions VibeSharing expects: single-page prototypes, inline mock data, Tailwind, dark theme. Build with whatever AI tool you like. Deploy with vibesharing deploy.
Example prompts
Paste any of these into your AI tool to get started. Each is a self-contained prompt that produces a runnable single-page prototype.
Create a dashboard view
Create a dashboard page in app/page.tsx.
Show a grid of metric cards at the top (4 cards with numbers).
Below that, a table showing recent activity with: user, action, date, status.
Include a search input above the table.
Use Tailwind for styling. Keep it clean and minimal.Add a list with detail panel
Update app/page.tsx to show a list of items on the left (60% width).
Clicking an item shows its details in a right panel (40% width).
Include: item name, description, status badge, action buttons.
Use useState for selected item. Mock 8-10 items inline.Create a settings page
Create app/settings/page.tsx.
Show a form with sections: General, Notifications, Security.
Each section is a card with form fields (inputs, toggles, dropdowns).
Include a "Save changes" button that shows a success message.
Keep styling minimal and clean.Multi-step modal flow
Add a "Create new item" flow with a modal.
Clicking "Create" opens a modal with steps:
1. Enter name and description
2. Select category from dropdown
3. Review and confirm
Use useState for step tracking. Close modal on completion or backdrop click.
Keep it in a single file.