VibeSharing

Get started

Sign up. Then pick the path that matches how you build.

VibeSharing works with whatever AI tool you already use, or with nothing but git. The setup is short — most of this page is to help you find the right path.

First, sign up

Create your free account and an organization (your team workspace) — the one step every path shares. Takes about 30 seconds; what's next depends on which path you pick below.

Sign up free

Then pick a path

Choose based on the tool you already use. All five paths produce the same end result — a prototype on VibeSharing your team can review. GitHub and pasting a hosted URL just need you signed in; Claude Code, Cursor, and the CLI also need a deploy token from Account Settings (starts with vs_).

Deploy from GitHub

Already have code in a repo, or want git as your deploy mechanism? Point VibeSharing at it — no AI tool or config file required. The fastest path if you're not sure which to pick.

Read the steps below →

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 →

Deploy from GitHub

Two ways in, one result: a live URL your team can react to.

Whether you already have a repo or want to start one, GitHub is the most direct path onto VibeSharing — no AI tool config required. Both flows start the same way: from the dashboard, click New Prototype.

Already have a repo

Import GitHub Repo

  1. 01
    Choose Import GitHub Repo and paste the URL — https://github.com/owner/repo.
  2. 02
    Public repos work immediately. For a private repo, connect your GitHub account first (Account Settings) so VibeSharing can read it.
  3. 03
    VibeSharing copies the code into your org, deploys it, and hands you a share link. Every push to that repo after this redeploys automatically.

Starting from scratch

Push to Deploy

  1. 01
    Choose Push to Deploy. VibeSharing creates an empty repo for you and gives you the clone URL.
  2. 02
    Clone it, add your code, and push.
git clone https://github.com/your-org/your-prototype.git
cd your-prototype
# add your code
git add -A && git commit -m "Initial commit"
git push
  1. 03
    The push triggers a deploy automatically. Refresh the prototype page for the live URL.

Teammates get push access automatically

Connect your GitHub account once (Account Settings), and every teammate who does the same gets push access to every prototype repo in your org immediately — no per-repo invites. Repos are private by default; the live deploy stays shareable regardless.

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.

  1. 01

    In the dashboard, click New Prototype and choose External URL.

  2. 02

    Paste the URL, give the prototype a name, and pick a project.

  3. 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.

Need help getting set up?

We'll walk through it with your team.

Contact us