Open Vibe

O que é Open Vibe?

Open Vibe é um currículo gratuito open-source de “vibe coding” que transforma Claude Code (ou outro agente de IA compatível) em um tutor passo a passo para construir web apps e SaaS reais. O objetivo é ajudar você a aprender os conceitos por trás do que está construindo—enquanto constrói.

Em vez de depender de tutoriais apenas em vídeo ou estáticos, Open Vibe roda localmente e fornece conteúdo de lições interativo (habilidades, instruções e diagramas) dentro do fluxo do seu agente. Enquanto você desenvolve seu app, o agente guia, explica e apoia o aprendizado quando você trava.

Principais Recursos

• Currículo baseado em agente para web apps e SaaS: Um curso que vive dentro do seu agente (não uma biblioteca de vídeo ou PDF), projetado para ensinar enquanto você codifica.
• Diagramas interativos e “ao vivo” nos bastidores: O tutorial pode renderizar diagramas sobre o seu app em execução para explicar fluxos como criar uma tarefa (ex.: requisições atingindo rotas e ações no banco de dados).
• Roda localmente com seu código: Seu código roda na sua máquina, e o agente tutoriza enquanto você constrói, reduzindo surpresas ligadas a ambientes remotos.
• Funciona com Claude Code ou outros agentes: O prompt de instalação é escrito para você inserir o currículo no Claude Code (ou qualquer “agente capaz” referenciado pelo Open Vibe).
• Licença MIT e gratuito: Open Vibe é declarado 100% gratuito e open source, sob licença MIT.
• Template inicial para SaaS (“Open SaaS”): Um template pronto para produção que inclui auth, pagamentos, admin, email e componentes prontos para IA, usado como base para a fase SaaS.

Como Usar Open Vibe

1. Cole o prompt de instalação no seu agente: Execute curl -fsSL https://openvibe.sh/llms.txt e siga as instruções do arquivo para carregar o currículo no Claude Code (ou outro agente compatível).
2. Comece a construir junto com o tutor: Inicie um projeto (o exemplo da página mostra um fluxo estilo ~/my-todo-app). O agente guia passo a passo e continua a lição conforme você avança.
3. Use prompts interativos quando confuso: Quando encontrar um problema, faça perguntas dentro do agente. O tutorial pode fornecer explicações e diagramas ao vivo sobrepostos ao seu app em execução.
4. Escolha uma fase de aprendizado: Comece com a Fase 1 (um web app full-stack do zero) ou Fase 2 (construa um SaaS sobre o Open SaaS).

Casos de Uso

• Aprender fundamentos de web app full-stack enquanto implementa features: Siga o currículo da Fase 1 para construir e deployar um app full-stack do zero enquanto o agente explica as partes web e de aplicação.
• Debugging entendendo o fluxo de requisições/dados: Quando clicar em uma ação (como “adicionar tarefa”), use os diagramas e explicações para ver o que acontece nos bastidores (chamadas de rota e inserts no banco).
• Construir um SaaS usando um template enquanto aprende os loops subjacentes: Use a Fase 2 para construir um SaaS sobre o Open SaaS enquanto cobre conceitos chave como o loop auth→pagamento→acesso.
• Founders aspirantes lançando um app com aprendizado guiado: Trabalhe na sua ideia de SaaS enquanto o tutor ajuda a focar nos conceitos que você precisa entender para continuar construindo e deployando.
• Evitar loops de re-prompting no desenvolvimento agent-driven: A página descreve “loops de prompt-fix” onde você itera sem aprender; Open Vibe posiciona seu currículo de tutor para quebrar esse ciclo focando em explicações ligadas ao que está acontecendo.

FAQ

• Open Vibe é gratuito? Sim. A página afirma que Open Vibe é 100% gratuito.

• Open Vibe é open source? Sim. É descrito como open source e licenciado MIT; o currículo e diagramas estão incluídos sob MIT.

• Preciso me cadastrar? Nenhum cadastro é indicado. O currículo é fornecido via prompt de instalação que você executa no terminal e cola no seu agente.

• Open Vibe requer especificamente Claude Code? A página diz que Open Vibe transforma Claude Code (ou o agente de sua escolha) em um tutor e que a abordagem funciona com outros agentes capazes, desde que você integre o currículo via prompt de instalação fornecido.

• Onde as lições rodam—dentro de vídeos ou dentro do agente? A página diz que o curso vive dentro do seu agente, não como uma biblioteca de vídeo ou PDF.

Alternativas

• Conteúdo de tutoriais de desenvolvimento web estático (vídeos, PDFs, cursos): Esses fornecem materiais de aprendizado passo a passo, mas geralmente não se integram diretamente ao seu fluxo de trabalho diário com agente de codificação nem sobrepõem explicações à sua app em execução.
• Assistentes de codificação com IA de propósito geral sem currículo estruturado: Você pode obter sugestões de código e ajuda com depuração, mas sem um conjunto de habilidades interativo e orientado por lições adaptado a conceitos de web app/SaaS.
• Outras plataformas de “aprendizado agentic” ou codificação guiada: Semelhantes na intenção (aprender enquanto constrói), mas podem diferir quanto a execução local, estrutura das lições e inclusão de diagramas interativos vinculados à execução da sua app.