BEFOREVIBE MCP MCP server
Connects BEFOREVIBE as a remote MCP server to generate app specifications, including PRDs, logos, and screen previews, directly from coding agents like Claude Code or Cursor via OAuth authentication.
Endpoint and access
OAuth sign-in: the first time you connect, your client opens the vendor's own authorization prompt in a browser.
OAuth sign-inEndpoint checked 2026-10-05
MCP endpoint (Streamable HTTP)
https://beforevibe.com/api/mcpWhat you can do with it
- Generate a Product Requirements Document (PRD) from an app idea
- Create a logo for an application
- Generate screen previews and React code
- Define design direction via style and color interview
Connect from your client
Each snippet registers the same endpoint; pick the client you use.
Claude Code
Claude Code configuration
claude mcp add --transport http beforevibe-mcp https://beforevibe.com/api/mcpCodex
Codex configuration
codex mcp add beforevibe-mcp --url https://beforevibe.com/api/mcpCursor
Cursor configuration
{
"mcpServers": {
"beforevibe-mcp": {
"url": "https://beforevibe.com/api/mcp"
}
}
}Cline
Cline configuration
{
"mcpServers": {
"beforevibe-mcp": {
"type": "streamableHttp",
"url": "https://beforevibe.com/api/mcp",
"disabled": false
}
}
}VS Code
VS Code configuration
{
"servers": {
"beforevibe-mcp": {
"type": "http",
"url": "https://beforevibe.com/api/mcp"
}
}
}Gemini CLI
Gemini CLI configuration
gemini mcp add --transport http beforevibe-mcp https://beforevibe.com/api/mcpClaude Desktop
Claude Desktop configuration
{
"mcpServers": {
"beforevibe-mcp": {
"url": "https://beforevibe.com/api/mcp"
}
}
}Windsurf
Windsurf configuration
{
"mcpServers": {
"beforevibe-mcp": {
"serverUrl": "https://beforevibe.com/api/mcp"
}
}
}Other design servers
Do you run BEFOREVIBE MCP?
Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.