BEFOREVIBE

Transforme qualquer ideia de aplicativo em um PRD estruturado, logotipo e mockups de UI gerados por IA. PRD gratuito, logotipo 1 crédito, telas 1 crédito cada. Entregas salvas na sua biblioteca e exportadas como um ZIP.

Ver em beforevibe.comExperimente este MCPPatrocinado

Documentação

BEFOREVIBE no seu agente de codificação

Gere um PRD, um logotipo e pré-visualizações de telas a partir do Claude Code, Codex, Cursor ou qualquer agente de codificação compatível com MCP — sem abrir o site.

URL MCP https://beforevibe.com/api/mcp

O que o conector faz

Conecte o BEFOREVIBE como um servidor MCP remoto. Em qualquer conversa com seu agente, você pode criar uma especificação completa de aplicativo: descreva sua ideia, responda a uma breve entrevista de direção artística (estilo, cores, mobile ou web) e receba um PRD completo, um logotipo e pré-visualizações de telas — cobrados na sua conta BEFOREVIBE.

Como conectar

  1. 01 Abra as configurações de MCP No seu agente (Claude Code, Codex, Cursor…), adicione um servidor MCP remoto.
  2. 02 Insira a URL do conector https://beforevibe.com/api/mcp
  3. 03 Entre com OAuth Seu agente abre uma página de login — entre com sua conta BEFOREVIBE. Isso vincula seu saldo de créditos.
  4. 04 Inicie um projeto Peça ao Claude para iniciar um projeto BEFOREVIBE. Ele fará uma entrevista sobre sua ideia e direção de design: estilo, cores e se o aplicativo é mobile ou web.

Quanto custa

PRD

Grátis — sempre.

Logotipo

1 crédito (opcional).

Cada tela (código React)

2 créditos (opcional).

Cobrança agrupada

Antes de gerar qualquer coisa, o Claude mostra o total (logotipo 1 crédito + N telas a 2 créditos cada = 2N+1 créditos) e aguarda sua confirmação.

Créditos grátis

3 créditos todo mês. Eles são reabastecidos para 3 no início de cada mês — créditos não utilizados não são acumulados.

Pacotes de recarga

$5 = 40 créditos ou $10 = 100 créditos. Créditos comprados nunca expiram.

Exemplo de prompt

"Inicie um projeto BEFOREVIBE para uma ferramenta de solicitação de folga: funcionários enviam pedidos de folga, gerentes aprovam ou recusam, RH é notificado. Aplicativo mobile, estilo moderno minimalista, tons quentes."

FAQ

Funciona com Cursor, GitHub Copilot ou OpenAI Codex?

Sim. O BEFOREVIBE executa um servidor MCP padrão Streamable HTTP. Qualquer cliente que suporte o protocolo MCP pode se conectar com a mesma URL (https://beforevibe.com/api/mcp). As etapas de configuração variam conforme o cliente.

Preciso de uma conta BEFOREVIBE?

Sim — a etapa de OAuth na primeira conexão cria ou vincula sua conta. Seus créditos mensais grátis e quaisquer pacotes de recarga estão vinculados a essa conta.

O que é a entrevista de direção artística?

Antes de gerar imagens, o Claude faz algumas perguntas curtas: estilo preferido, cores e se o aplicativo é mobile ou web. É o mesmo passo que o site BEFOREVIBE executa, e determina como seu logotipo e pré-visualizações de telas ficam.

Posso obter um PRD sem gastar créditos?

Sim. Gerar o PRD é sempre gratuito. Os créditos são usados apenas quando você escolhe gerar um logotipo ou pré-visualizações de telas.

Onde encontro meus entregáveis?

O Claude fornece dois links: uma página pública da biblioteca BEFOREVIBE e um link de download direto para um ZIP assinado contendo o PRD em markdown, DESIGN.md e todas as imagens geradas.

← BEFOREVIBE