BEFOREVIBE
Convierte cualquier idea de app en un PRD estructurado, logo y maquetas de UI generadas por IA. PRD gratis, logo 1 crédito, pantallas 1 crédito cada una. Los entregables se guardan en tu biblioteca y se exportan como ZIP.
Documentación
BEFOREVIBE en tu agente de codificación
Genera un PRD, un logo y vistas previas de pantalla desde Claude Code, Codex, Cursor o cualquier agente de codificación compatible con MCP, sin abrir el sitio.
URL de MCP https://beforevibe.com/api/mcp
Qué hace el conector
Conecta BEFOREVIBE como servidor MCP remoto. Desde cualquier conversación con tu agente, puedes crear una especificación completa de aplicación: describe tu idea, responde una breve entrevista de dirección artística (estilo, colores, móvil o web) y recibe un PRD completo, un logo y vistas previas de pantalla, facturados a tu cuenta de BEFOREVIBE.
Cómo conectarse
- 01 Abrir configuración de MCP En tu agente (Claude Code, Codex, Cursor…), añade un servidor MCP remoto.
- 02
Introducir la URL del conector
https://beforevibe.com/api/mcp - 03 Iniciar sesión con OAuth Tu agente abre una página de inicio de sesión: inicia sesión con tu cuenta de BEFOREVIBE. Esto vincula tu saldo de créditos.
- 04 Iniciar un proyecto Pide a Claude que inicie un proyecto BEFOREVIBE. Te hará una entrevista sobre tu idea y la dirección de diseño: estilo, colores y si la aplicación es móvil o web.
Cuánto cuesta
PRD
Gratis, siempre.
Logo
1 crédito (opcional).
Cada pantalla (código React)
2 créditos (opcional).
Facturación agrupada
Antes de generar nada, Claude te muestra el total (logo 1 crédito + N pantallas a 2 créditos cada una = 2N+1 créditos) y espera tu confirmación.
Créditos gratuitos
3 créditos cada mes. Se recargan a 3 al inicio de cada mes; los créditos no utilizados no se acumulan.
Paquetes de recarga
$5 = 40 créditos o $10 = 100 créditos. Los créditos comprados nunca caducan.
Ejemplo de prompt
«Inicia un proyecto BEFOREVIBE para una herramienta de solicitudes de ausencia: los empleados envían solicitudes de tiempo libre, los gerentes aprueban o rechazan, RR. HH. es notificado. Aplicación móvil, estilo minimalista moderno, tonos cálidos.»
FAQ
¿Funciona con Cursor, GitHub Copilot u OpenAI Codex?
Sí. BEFOREVIBE ejecuta un servidor MCP HTTP Streamable estándar. Cualquier cliente que admita el protocolo MCP puede conectarse con la misma URL (https://beforevibe.com/api/mcp). Los pasos de configuración varían según el cliente.
¿Necesito una cuenta de BEFOREVIBE?
Sí: el paso de OAuth en la primera conexión crea o vincula tu cuenta. Tus créditos mensuales gratuitos y cualquier paquete de recarga están vinculados a esa cuenta.
¿Qué es la entrevista de dirección artística?
Antes de generar imágenes, Claude hace algunas preguntas breves: estilo preferido, colores y si la aplicación es móvil o web. Es el mismo paso que ejecuta el sitio de BEFOREVIBE y determina el aspecto de tu logo y las vistas previas de pantalla.
¿Puedo obtener un PRD sin gastar créditos?
Sí. Generar el PRD siempre es gratis. Los créditos solo se usan cuando eliges generar un logo o vistas previas de pantalla.
¿Dónde encuentro mis entregables?
Claude te da dos enlaces: una página pública de la biblioteca de BEFOREVIBE y un enlace de descarga directa para un ZIP firmado que contiene el markdown del PRD, DESIGN.md y todas las imágenes generadas.