Connect BEFOREVIBE as a remote MCP server. From any Claude Code conversation, you can create a complete app specification: describe your idea, answer a short direction artistique interview (style, colours, mobile or web), and get back a full PRD, a logo, and screen previews — billed to your BEFOREVIBE account.
Open MCP settings
In Claude Code, add a remote MCP server.
Enter the connector URL
https://beforevibe.com/api/mcp
Sign in with OAuth
Claude Code opens a sign-in page — log in with your BEFOREVIBE account. This links your credit balance.
Start a project
Ask Claude to start a BEFOREVIBE project. It will interview you about your idea and design direction: style, colours, and whether the app is mobile or web.
“Start a BEFOREVIBE project for a leave-request tool: employees submit time-off requests, managers approve or decline, HR is notified. Mobile app, modern minimal style, warm tones.”
Yes. BEFOREVIBE runs a standard Streamable HTTP MCP server. Any client that supports the MCP protocol can connect with the same URL (https://beforevibe.com/api/mcp). Configuration steps vary by client.
Yes — the OAuth step on first connect creates or links your account. Your free monthly credits and any top-up packs are tied to that account.
Before generating images, Claude asks a few short questions: preferred style, colours, and whether the app is mobile or web. It is the same step the BEFOREVIBE site runs, and it determines how your logo and screen previews look.
Yes. Generating the PRD is always free. Credits are only used when you choose to generate a logo or screen previews.
Claude gives you two links: a public BEFOREVIBE library page and a direct download link for a signed ZIP containing the PRD markdown, DESIGN.md, and all generated images.