# Programe sem saber programar | Envisioning

Source: https://www.envisioning.com/workshops/bff

---

# Programe sem saber programar

Construa ferramentas descrevendo o que você quer. Sem diploma em computação, sem decorar sintaxe. Só você, uma IA e uma ideia.

Neste workshop do Brasil Futures Forum a gente percorre o caminho de curioso a criador: os conceitos, as ferramentas e o jeito de trabalhar que levam do primeiro prompt até uma primeira versão funcionando. Algo que você consegue mostrar, testar e melhorar.

## Facilitadores da oficina

![Michell Zappa](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Fv1787309926%2Fworkshop-people%2Fdce91102fe040270.jpg&w=3840&q=75)

### Michell Zappa

Fundador e CEO

Futurista de tecnologia para organizações em mudança.

![Rodrigo Turra](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Fv1787310034%2Fworkshop-people%2F4df5a3aa7a5734fb.png&w=3840&q=75)

### Rodrigo Turra

Pesquisador principal

Pesquisador principal da Envisioning.

![Fabio Andrade](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Fv1787310038%2Fworkshop-people%2Fe03697444ad31856.jpg&w=3840&q=75)

### Fabio Andrade

Sócio e Head de Desenvolvimento

Sócio e Head de Desenvolvimento da Envisioning.

## O que é vibe coding?

Vibe coding é escrever software conversando com uma IA, em vez de digitar código caractere por caractere. Você descreve o que quer, por exemplo “monte um painel que mostre meus dados de vendas”, e a IA escreve o código. Você olha, ajusta e repete até funcionar.

O termo foi [cunhado por Andrej Karpathy](https://x.com/karpathy/status/1886192184808149383) no começo de 2025: _“you fully give in to the vibes, embrace exponentials, and forget that the code even exists.”_ Ou, em português: _“você se entrega totalmente às vibes, abraça as exponenciais e esquece que o código sequer existe.”_ Pegou porque descrevia o que milhões de pessoas já estavam fazendo: construindo coisas reais com IA, sem formação em programação.

[![](/_next/image?url=%2Fimages%2Fkarpathy-avatar.jpg&w=96&q=75)

Andrej Karpathy

@karpathy

There's a new kind of coding I call "vibe coding", where you fully give in to the vibes, embrace exponentials, and forget that the code even exists. It's possible because the LLMs (e.g. Cursor Composer w Sonnet) are getting too good. …

00:17 · Feb 3, 2025 · View on X](https://x.com/karpathy/status/1886192184808149383)

## Muitas ideias pequenas

O workshop mora lá embaixo à esquerda deste diagrama. Muitas ideias, baratas de construir, a maioria jogada fora no mesmo dia. Isso não é limitação: é o jeito mais rápido de descobrir qual ideia merece engenharia.

Como muitas ideias afunilam em poucos projetosImplementaçãoIdeiaPartesTodoIdeiasProtótiposPilotosProdutoWorkshop termina aqui.Pilotos e produtosprecisam de engenharia.

Cada ponto é a ideia de alguém. Lá embaixo à esquerda elas são pequenas, baratas e existem aos montes. Em cima à direita sobra uma, e ela custa dinheiro de verdade. Clique em qualquer estágio para ver o detalhe.

À esquerda da linha

### O volume é o ponto

Quinze pessoas, quinze ideias, e no fim da tarde a maioria está rodando. Construir ficou barato o bastante para você descobrir qual ideia vale alguma coisa construindo, em vez de discutindo numa reunião.

À direita da linha

### Onde a engenharia começa

Pilotos e produtos significam usuários reais, dados reais e alguém de plantão às três da manhã. Outro orçamento, outro prazo, outro time. Um workshop é como você descobre qual punhado de ideias merece isso, e a gente fala com honestidade em que ponto a sua está.

## Por que estamos aqui?

A distância entre ter uma ideia e ter algo funcionando na tela encolheu muito rápido. Com isso, construir software virou uma habilidade prática para vários tipos de trabalho, não só para quem programa.

**O que isso significa para o seu trabalho?** Provavelmente a IA vai mexer com ele de alguma forma, ainda que não dê para prever exatamente como. Este workshop é um espaço para ganhar repertório e experimentar sem risco. Ninguém aqui vai te dizer o que vai acontecer com a sua profissão.

Você sai daqui com um projeto pequeno, feito por você, que já dá para abrir na frente de alguém.

## Roteiro da sessão

Duas horas em três partes. Você sai com um protótipo funcionando e uma ideia do que pode construir a seguir.

14:00~45 min

### 1. Primeiro protótipo

-   •Contexto, demonstração e preparação com ferramentas gratuitas
-   •Da gambiarra cotidiana a uma primeira versão funcionando

14:45~45 min

### 2. Dados e MCP

-   •Uma introdução opcional às fontes do Brasil Futures Forum
-   •Construir uma segunda versão a partir de uma pergunta

15:30~30 min

### 3. Galeria e próximos passos

-   •Compartilhar o que foi construído e ver o trabalho da sala
-   •Fechar com caminhos para continuar experimentando

Os horários são aproximados.

## Apresentações

-   •Seu nome e de onde você é
-   •Como você usa IA hoje

## A IA de hoje é a pior que você vai usar na vida.

Cada modelo novo aumenta o que dá para fazer com vibe coding. As habilidades que você aprende hoje (escrever prompt, depurar, iterar) só ficam mais valiosas conforme as ferramentas melhoram.

What you can build, measured: 3 seconds in 2019 to 12 hours today  GPT-2 · 2019-02-14 · 3 secondsdavinci-002 · 2020-05-28 · 8 secondsGPT-3.5 · 2022-03-15 · 36 secondsGPT-4 · 2023-03-14 · 4 minutesGPT-4 Turbo · 2023-11-06 · 4 minutesGPT-4o · 2024-05-13 · 7 minutesClaude 3.5 Sonnet · 2024-06-20 · 11 minuteso1-preview · 2024-09-12 · 20 minutesClaude 3.5 Sonnet (new) · 2024-10-22 · 21 minuteso1 · 2024-12-05 · 39 minutesClaude 3.7 Sonnet · 2025-02-24 · 60 minuteso3 · 2025-04-16 · 2 hoursGPT-5 · 2025-08-07 · 3.4 hoursGemini 3 Pro · 2025-11-18 · 3.7 hoursClaude Opus 4.5 · 2025-11-24 · 4.9 hoursGPT-5.2 · 2025-12-11 · 5.9 hoursClaude Opus 4.6 · 2026-02-05 · 12 hourstoday3 seconds12 hourstask length finished at 50% reliabilityfrontier model releases, 2019 to 2026source: METR time horizons v1.1 · 50% success · doubling every ~129 days since 2023

## Pra quem é isso?

Vibe coding não é assunto só de gente de tecnologia. Quem tem uma ideia e disposição para tentar de novo já consegue construir software.

### Pesquisa

Visualizações de dados, ferramentas de coleta, scripts de análise

Transformar uma base de dados em um explorador interativo em minutos

### Jornalismo

Especiais interativos, raspagem de dados públicos, linhas do tempo

Cruzar duas planilhas oficiais e publicar o resultado como página

### Terceiro setor

Formulários, painéis de impacto, mapas, ferramentas de campo

Montar um painel de indicadores para prestação de contas

### Empreendedorismo

Protótipos, ferramentas internas, portais, testes de produto

Colocar uma primeira versão no ar antes de contratar time técnico

### Educação

Exercícios interativos, materiais de aula, painéis de turma

Criar uma aula interativa com devolutiva imediata para o aluno

### Gestão pública

Painéis, automações de processo, consultas a dados abertos

Substituir uma planilha manual por algo que a equipe usa de verdade

## O que você precisa para começar

Menos do que você imagina. Provavelmente você já tem tudo.

### Você precisa

-   Um notebook ou desktop
    
    Mac, Windows ou Linux, qualquer um serve
    
-   Um navegador
    
    Chrome, Safari, Firefox ou Edge
    
-   Uma ferramenta de IA
    
    ChatGPT, Claude ou qualquer IA de chat (os planos gratuitos dão conta)
    
-   Curiosidade e paciência
    
    Disposição para tentar de novo quando não funcionar de primeira
    

### Você não precisa

-   Experiência com programação
-   Faculdade de computação
-   Ser bom em matemática
-   Dinheiro

Ajuda ter, mas não é obrigatório. Você aprende no caminho.

## Código é linguagemC(ódi!g9o0 é l1i!ng9ua@g9e3m

LLMs são bons em linguagem, claro. O que os deixa excepcionais em código é a verificabilidade. Ou compila, ou não. Esse feedback binário é exatamente o que o modelo precisa para se corrigir e entregar código que funciona.

A mesma ideia vira a sua habilidade mais importante. Qualquer um consegue código que roda. Quem constrói coisa que vale a pena ficar tem um jeito de checar se está de fato _certo_, não só se não quebrou. “Parece funcionar” versus “eu verifiquei que funciona” é a linha real entre um demo descartável e algo em que dá para confiar.

## Um programa também pode ser um produto

O programa do BFF foi vibe coded: uma aplicação feita com IA para explorar 144 atividades, filtrar por tema e montar seu próprio roteiro.

-   ![Tela da programação do BFF com dias, trilhas, filtros e atividades](/_next/image?url=%2Fimages%2Fbff%2Fprograma-light-overview.png&w=3840&q=75)
    
    A programação do dia, com trilhas, filtros e busca.
    

## And then we replaced Zoom

Zoom works. We built our own anyway, because the useful part of a meeting is what is left over once it ends. Captions appear while people talk, the audio is never recorded, and the notes arrive after everyone hangs up.

-   The Mac hosts. Guests join from a browser, an iPhone, an iPad or another Mac, and nobody installs anything to sit in.
-   Transcription runs on the host machine. Only finished text ever leaves it, and there is no recording to lose.
-   Six days from an empty repository to the meetings we run in it now. LiveKit carries the video, so that part did not have to be built.

-   ![The Meet host window with a room live and a screen share running](/_next/image?url=%2Fimages%2Fmeet%2Fhost.png&w=3840&q=75)
    
    Opening a room. The Mac handles who gets in, and the captions.
    
-   ![A five-person meeting in Meet, with the live transcript below it](/_next/image?url=%2Fimages%2Fmeet%2Froom.png&w=3840&q=75)
    
    A real meeting, with the transcript building underneath.
    
-   ![Meet turning a spoken sentence into a suggested task](/_next/image?url=%2Fimages%2Fmeet%2Ftask.jpg&w=3840&q=75)
    
    It heard someone promise something and offered to file it.
    

## Primeiro, assista à demonstração.

-   •Observe o caminho: problema, conversa, protótipo.
-   •A demonstração é o mapa; você não precisa acompanhar ainda.
-   •Depois vamos fazer uma versão pequena com as suas próprias ideias.

## Apresente o Brasil pro mundo

-   •Abra o ChatGPT ou o Claude em uma conta gratuita.
-   •Cole o prompt abaixo e responda às perguntas.
-   •Escolha uma ideia pequena, com uma tela e uma ação principal.

Você é uma pessoa parceira de ideação ajudando alguém que nunca programou a fazer um site que ensine/explique algo sobre o Brasil para quem é de fora ou não conhece.

Comece perguntando sobre o que essa pessoa gostaria que soubessem mais sobre o Brasil: sobre alguma referência/movimento cultural, lugares, modo de vida, inteligências, etc..
Depois faça no máximo duas perguntas simples para entender quem seria o público e como a pessoa quer que seja mostrado/explicado o assunto.
Se a ideia ficar grande, reduza o escopo.

No final, escreva uma ideia de site/webapp pequena e concreta, com:
- o escopo
- para quem é
- uma tela principal
- um estilo, ação central e interatividade
- o que fica deliberadamente fora da primeira versão

Não escreva código ainda. Use linguagem simples e leve. A ideia deve ser possível de prototipar em uma tarde.

Copiar o prompt[Abrir ChatGPT](https://chatgpt.com)[Abrir Claude](https://claude.ai)

## Agora faça uma primeira versão.

-   •Leve a ideia para o v0 ou para o Lovable, usando o plano gratuito.
-   •Peça uma tela principal e uma ação central.
-   •Aceite a primeira versão. Você pode melhorar depois.

[Abrir v0](https://v0.app)[Abrir Lovable](https://lovable.dev)

## Pare um minuto e olhe para o que apareceu.

-   •O que a IA entendeu bem?
-   •O que ficou diferente do que você imaginou?
-   •Qual é a próxima mudança mais importante?

## Pesquisa: Potência Brasil

[![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Fv1787345996%2Fworkshop-slides%2F7e4ed48090499a16.png&w=3840&q=75)bff.envisioning.com/softpower](https://bff.envisioning.com/softpower/)

## Dados abertos para usar hoje

O próprio Forum publica seus dados para você construir em cima. São dois conectores MCP, o padrão que liga uma IA a uma fonte de dados: você cola a URL no seu cliente de IA e ele passa a enxergar o acervo e a programação. Sem cadastro, sem chave, sem download.

### Acervo Brasil Potência

Mais de 180 artefatos da cultura brasileira, da Bossa Nova a Milton Santos, cada um com resumo, anos de atividade, territórios e categoria. Filtra por coleção, território, tag e período.

Ferramentas: list\_facets, search\_artefacts, get\_artefact

[Conectar via MCP

`https://bff.envisioning.com/api/acervo/mcp`](https://bff.envisioning.com/api/acervo/mcp)

### Programação do Forum

Mais de 130 atividades nos três dias, em 11 casas, com quem participa de cada uma e a bio de cada pessoa. Acompanha a planilha da produção, que muda todo dia.

Ferramentas: get\_programme, search\_sessions, get\_session, search\_people, get\_person

[Conectar via MCP

`https://bff.envisioning.com/api/programa/mcp`](https://bff.envisioning.com/api/programa/mcp)

No Claude ou no ChatGPT, procure por conectores nas configurações e cole a URL. Os mesmos dados estão em [bff.envisioning.com](https://bff.envisioning.com), para olhar com os próprios olhos antes de pedir algo à IA.

Para dados de fora do Forum, o Brasil publica bastante coisa pronta: [dados.gov.br](https://dados.gov.br), [Base dos Dados](https://basedosdados.org), [as APIs do IBGE](https://servicodados.ibge.gov.br/api/docs) e o Portal da Transparência, além dos portais da sua cidade ou estado. Dica: comece com uma base e uma pergunta. “Me mostre onde X acontece mais que a média” é um primeiro prompt muito melhor que “construa um monitor completo do país”.

## Se quiser avançar, use uma fonte MCP do Forum.

-   •Se ainda está terminando o primeiro protótipo, continue nele.
-   •Conecte uma das fontes MCP ao ChatGPT ou ao Claude.
-   •Comece com uma pergunta e uma interface pequena, não com um dashboard completo.

Quero explorar uma pergunta sobre cultura brasileira ou sobre a programação do Brasil Futures Forum usando a fonte MCP conectada nesta conversa.

Primeiro, ajude-me a escolher uma pergunta pequena e interessante. Depois:
1. busque apenas os dados necessários;
2. não invente informações e deixe claro de onde veio cada resultado;
3. proponha uma interface simples para explorar a resposta;
4. descreva uma primeira versão com uma tela principal e uma interação central.

Se eu já tiver um protótipo, sugira como adaptar a ideia sem transformar o projeto em um dashboard completo. Comece pequeno.

Copiar o prompt[Abrir ChatGPT](https://chatgpt.com)[Abrir Claude](https://claude.ai)[Ver as fontes MCP](https://bff.envisioning.com)

A IA te leva a uns 80% do caminho de quase qualquer aplicação com uma velocidade impressionante. Os últimos 20%, que são segurança, login, armazenamento, escala e os casos que ninguém previu, continuam difíceis. São habilidades que dá para aprender, estão muito bem documentadas, e a IA consegue te ajudar em qualquer uma delas. É só pedir. No nível de quem está começando, o jogo é dar forma a uma ideia rápido, mas dá para ir muito além.

## Níveis de aprendizado

Abaixo tem um mapa interativo da stack de desenvolvimento com IA. Ele está organizado em três níveis que espelham como as pessoas de fato aprendem a programar com IA:

L1

### Vibe Coder

Pede, vê rodando. Escreve prompts, recebe código, assiste funcionar. Comece aqui se você está começando do zero.

L2

### Project Builder

Planeja, constrói, itera. Depura, conecta as peças e aprende as ferramentas que quem desenvolve de verdade usa.

L3

### Agentic Engineer

Pipeline completo com agents de IA. Publica, monitora e escala aplicações seguras, com várias funcionalidades.

Clique em qualquer conceito para ver o que é, por que importa e quais ferramentas experimentar. Marque cartões como “conhecido” para acompanhar o progresso.

L1Vibe CoderL2Project BuilderL3Agentic Engineer

Vá da ideia a um protótipo funcionando em minutos

Prompte e publique

Prompt

Gerar

Iterar

Prévia

Publicar

FilterL1L2L3LimparOrdenarA–ZNível

## Conceitos (17)

▼

Comece de novo→ Iterar

Sem apego: descarte e reconstrua

L1

Compartilhar link→ Publicar

Compartilhe o protótipo com outras pessoas

L1

Exportar→ Publicar

Exporte ou copie o output

L1

Faça pra mim um…→ Prompt

Descreva o que você quer construído

L1

Gerar

A IA escreve o código

L1L2L3

Iterar

Refine com prompts de acompanhamento

L1L2

Linguagem natural→ Prompt

Instruções na sua própria língua

L1

Localhost→ Prévia

Rode o app na sua máquina

L1L2

Mantenha simples→ Prompt

Comece mínimo, adicione complexidade depois

L1

Markdown→ Prompt

A língua franca do prompting com IA

L1

Peça perguntas→ Prompt

Deixe a IA esclarecer antes de construir

L1

Prévia

Veja ao vivo na hora

L1L2

Prompt

Descreva o que você quer construir

L1L2L3

Prompt único→ Gerar

Geração de código em um tiro só

L1

Protótipo→ Gerar

Prova de conceito rápida e funcional

L1

Publicar

Entregue para o mundo

L1L2L3

Refinamento→ Iterar

Não desista, continue conversando

L1

## Tools (6)

▼

![](/api/favicon?domain=bolt.new)

Bolt→ Gerar

Geração full-stack rápida

L1[bolt.new](https://bolt.new)

![](/api/favicon?domain=chat.openai.com)

ChatGPT Canvas→ Gerar

Canvas visual para construir e iterar

L1[chat.openai.com](https://chat.openai.com)

![](/api/favicon?domain=www.anthropic.com)

Claude Artifacts→ Gerar

Apps instantâneos no browser

L1[anthropic.com](https://www.anthropic.com)

![](/api/favicon?domain=aistudio.google.com)

Google AI Studio→ Gerar

Construa e teste modelos e apps de IA

L1L2[aistudio.google.com](https://aistudio.google.com)

![](/api/favicon?domain=lovable.dev)

Lovable→ Gerar

Builder de web apps com IA

L1[lovable.dev](https://lovable.dev)

![](/api/favicon?domain=v0.dev)

V0→ Gerar

Ferramenta de UI generativa da Vercel

L1[v0.dev](https://v0.dev)

## Quanto isso vai te custar?

O custo não depende do seu nível. A diferença está em quanto você usa as ferramentas, não em quanto você sabe.

### Gratuito

R$ 0

Dá para aprender e prototipar

-   —Planos gratuitos do ChatGPT e do Claude
-   —VS Code + plano gratuito do GitHub Copilot
-   —Hospedagem gratuita na Vercel ou Netlify
-   —GitHub para controle de versão
-   —Plano gratuito do Supabase (banco de dados e login)

Dá para construir coisa de verdade só com ferramenta gratuita. O limite é a cota de uso, não o que a ferramenta consegue fazer.

### Builder

R$ 100/mês

Para tirar o atrito do caminho

-   —Cursor Pro ou GitHub Copilot Pro
-   —Claude Pro ou ChatGPT Plus
-   —Modelos mais rápidos e contexto maior
-   —Prioridade nos horários de pico
-   —Suficiente para a maioria dos projetos reais

O ponto de equilíbrio. A maior parte das pessoas nunca precisa de mais que isso.

### Uso intenso

R$ 1.000+/mês

Para necessidades muito específicas

-   —Várias assinaturas ao mesmo tempo (Cursor + Claude + ChatGPT)
-   —Planos de topo, com os limites mais altos
-   —Acesso à API para fluxos personalizados
-   —Hospedagem e banco de dados em escala
-   —Vários projetos rodando em paralelo

Só faz sentido se você mantém aplicações em produção ou toca um negócio em cima dessas ferramentas.

## Onde todo mundo trava

Todo mundo passa por isso. Saber que é normal ajuda a atravessar mais rápido.

### “Funcionava, aí mudei uma coisa e quebrou tudo”

Isso é normal. Às vezes a IA faz mudanças em cascata que você não pediu. A solução é controle de versão: faça um commit sempre que estiver funcionando, assim você sempre consegue voltar.

Aprenda Git cedo. Faça commits com frequência. Criar branch não custa nada.

### “A IA fica dando voltas”

Quando ela conserta uma coisa e quebra outra repetidamente, a conversa ficou saturada. O modelo está trabalhando em cima de confusão acumulada.

Abra um chat novo. Resuma o que você tem, o que funciona e o que está quebrado. Contexto limpo geralmente resolve.

### “Não entendo o código que ela escreveu”

Você não precisa entender cada linha. Mas precisa saber o que cada arquivo faz e como as partes se conectam. Peça para a IA explicar.

Cole o código de volta e diga: “explique isso como se eu nunca tivesse programado”. Faça isso sempre que se perder.

### “Meu app está feio”

O padrão da IA é funcional, mas genérico. Design pede iteração, igual ao código. Você precisa ser específico sobre a aparência que quer.

Mostre prints de coisas que você gosta. Diga “deixe parecido com isso” ou use geradores de interface como o V0 para a camada visual.

### “Não consigo colocar no ar”

A distância entre “funciona na minha máquina” e “funciona na internet” pega todo mundo. Erro de build, variáveis de ambiente e configuração de hospedagem são os tropeços mais comuns.

Comece por plataformas de deploy em um clique (Vercel, Netlify). Cole a mensagem de erro inteira na IA, não um resumo dela.

### “Parece certo, mas faz a coisa errada”

Os erros da IA mudaram de cara. Antes eram travamentos óbvios; hoje o código costuma parecer limpo, rodar sem reclamar e estar silenciosamente errado: um total mal calculado, um caso não previsto, o registro errado sendo atualizado. Passa batido num teste rápido.

Verifique o comportamento, não só se rodou. Teste com dados reais e com dados estranhos. “Não deu erro” não é a mesma coisa que “está correto”.

### “Passo mais tempo consertando do que construindo”

Bem-vindo ao desenvolvimento de software. Até quem programa há anos gasta de 30% a 50% do tempo depurando. Essa proporção melhora com prática, mas nunca chega a zero.

Isso faz parte do trabalho. Se acostume com o DevTools (F12), aprenda a ler mensagens de erro e sempre cole o erro completo na IA.

## Técnicas práticas

Ver mais

## Mande o que você construiu

Funcionando, meio funcionando, se segurando por um fio: tudo vale. Adicione o seu projeto do Vibe Coding — Programe sem saber programar para o resto da sala ver, e para você ter um link para voltar depois. Um link de prévia já basta; não precisa publicar em produção.

O que você construiu continua sendo seu. Enviar coloca o projeto nesta página para a sala ver, e nada além disso. É só pedir que tiramos do ar.

### Digite o PIN da sessão

Quatro dígitos, passados na sala durante o Vibe Coding — Programe sem saber programar.

PIN da sessão\*

Liberar

Perdeu seu link de edição?

## O que as pessoas construíram

Tudo aqui foi feito em uma tarde, por gente que não programa para viver.

[![Gastronomia cidade do Rio](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787511476%2Fcoding-submissions%2Fvibe-coding-bff%2Ffd9770d70a75603a.png&w=3840&q=75)](http://gastronomia-rio.vercel.app/)

### [Gastronomia cidade do Rio](http://gastronomia-rio.vercel.app/)

mostra a culinária na cidade e lugares onde comer.

Gustavo Legey

[![Site sobre o PA](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510608%2Fcoding-submissions%2Fvibe-coding-bff%2F9df844547206780f.png&w=3840&q=75)](https://para-beyond-image.lovable.app)

### [Site sobre o PA](https://para-beyond-image.lovable.app)

ele descreve brevemente a cultura e um pouco da economia do estado

Bruna

[![arte](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787511264%2Fcoding-submissions%2Fvibe-coding-bff%2F17cea0139d377e68.webp&w=3840&q=75)](https://antropofagia.vercel.app/)

### [arte](https://antropofagia.vercel.app/)

O Brasil que os modernistas inventaram Descrição curta (uma frase) Uma pequena porta de entrada interativa para entender a mudança de olhar sobre o Brasil que o Modernismo provocou — em 3 a 5 minutos, em português e inglês.

Josimar Santos

[![Trilhas do Sertão Paraibano e Pernambucano](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510681%2Fcoding-submissions%2Fvibe-coding-bff%2F4a5538f6e8e2c578.webp&w=3840&q=75)](https://trilhassertao-pb-pe.vercel.app/)

### [Trilhas do Sertão Paraibano e Pernambucano](https://trilhassertao-pb-pe.vercel.app/)

Ela é uma ferramenta cultural para explorar os sertões paraibano e pernambucano, trazendo um roteiro de 2 dias, destacando aspectos da fauna, flora e arte de cada região

Clarissa

[![Movimento Armorial, imagem 1 de 2](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787491529%2Fcoding-submissions%2Fvibe-coding-bff%2Fa88d64e45c40050a.webp&w=3840&q=75)![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787492217%2Fcoding-submissions%2Fvibe-coding-bff%2Fd827d03d79629146.png&w=3840&q=75)](https://movimentoarmorial.vercel.app/)

Imagem 1 de 21 / 2

### [Movimento Armorial](https://movimentoarmorial.vercel.app/)

Descreve o movimento Armorial e suas conexões.

Daiane

[![Um Site para curadores de festivais pelo mundo que queiram contratar artistas brasileiros.](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787511145%2Fcoding-submissions%2Fvibe-coding-bff%2F1dc09c82e9503db3.webp&w=3840&q=75)](https://brazil-music-sky.lovable.app/)

### [Um Site para curadores de festivais pelo mundo que queiram contratar artistas brasileiros.](https://brazil-music-sky.lovable.app/)

Ele mostra uma lista de artista conforme seu estilo e semelhanças.

Daniel Stain

[![Gambiarra Showcase](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510681%2Fcoding-submissions%2Fvibe-coding-bff%2Fe090c20383c67d7d.webp&w=3840&q=75)](https://gambiarra-showcase-creativity.lovable.app)

### [Gambiarra Showcase](https://gambiarra-showcase-creativity.lovable.app)

Um site de página única que explica "gambiarra" — a palavra brasileira para uma solução improvisada e criativa feita com o que está à mão. O visitante estrangeiro vê uma galeria de gambiarras ilustradas (chuveiro de garrafa PET, chinelo na antena de TV, cabide de arame como antena etc.) e interage com um mini-quiz: cada cartão mostra a imagem e pergunta "Para que você acha que isso serve?". Ao escolher uma resposta, o cartão revela o uso real e uma curiosidade cultural. Sem login, sem banco de dados, sem pontuação — é um convite leve e lúdico a conhecer a engenhosidade brasileira.

Thayani

[![Um pequeno conto da Cidade de Rio das flores](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510963%2Fcoding-submissions%2Fvibe-coding-bff%2Fcbd8ebc7f4e418b8.webp&w=3840&q=75)](https://flores-narrativas-quggyu5g9-suelirf-9247s-projects.vercel.app/)

### [Um pequeno conto da Cidade de Rio das flores](https://flores-narrativas-quggyu5g9-suelirf-9247s-projects.vercel.app/)

Objetivo e despertar o interesse de mais pessoas conhecerem o municipio , e com isso alavancar a economia local.

Sueli cristina

[![Constelação Música Brasileira](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787511143%2Fcoding-submissions%2Fvibe-coding-bff%2F3a13e835101ebbb9.png&w=3840&q=75)](https://claude.ai/code/artifact/43df6593-b629-4830-839b-ba6cd6b343b1?open_in_browser=1&via=user_open&org=9bf2d8c2-b21f-47bb-98ee-c0f3248fad3a)

### [Constelação Música Brasileira](https://claude.ai/code/artifact/43df6593-b629-4830-839b-ba6cd6b343b1?open_in_browser=1&via=user_open&org=9bf2d8c2-b21f-47bb-98ee-c0f3248fad3a)

Mapa interativo com 9 estrelas representando os movimentos da música brasileira e as influências externas que os moldaram. Clicar numa estrela acende suas conexões e mostra contexto, indicações pra ouvir e dados verificados. Feito pra quem já curte música brasileira e quer entender de onde ela vem.

Alessandra Tótoli

[![Raízes que ainda respiram no Brasil de hoje](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787511203%2Fcoding-submissions%2Fvibe-coding-bff%2F21007493b3ac879f.webp&w=3840&q=75)](https://linhaviva-kappa.vercel.app/)

### [Raízes que ainda respiram no Brasil de hoje](https://linhaviva-kappa.vercel.app/)

Linha do tempo da história da ancestralidade

Romário

[![Sabores do Brasil](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787489258%2Fcoding-submissions%2Fvibe-coding-bff%2F94da1669fc760bfb.webp&w=3840&q=75)](https://sabores-do-brasil-two.vercel.app/)

### [Sabores do Brasil](https://sabores-do-brasil-two.vercel.app/)

Mostra um mapa de sabores/ingredientes do Brasil permitindo navegar por areas onde esse prato é marcante e que relações gastronômicas são feitas com outras regiões.

Thomaz

[![Roteiro pelo Brasil](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510979%2Fcoding-submissions%2Fvibe-coding-bff%2Fdcb1444c604188fa.webp&w=3840&q=75)](https://roteirobrasil001.vercel.app/)

### [Roteiro pelo Brasil](https://roteirobrasil001.vercel.app/)

Informações das regiões para montar um roteiro de viagem pelo Brasil

Carol Pessanha

[![Construção, imagem 1 de 2](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787490450%2Fcoding-submissions%2Fvibe-coding-bff%2F28fa15f0d6e34c45.png&w=3840&q=75)![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787490685%2Fcoding-submissions%2Fvibe-coding-bff%2Fc5f0f300dc951cb6.png&w=3840&q=75)](https://desconstrucao.vercel.app)

Imagem 1 de 21 / 2

### [Construção](https://desconstrucao.vercel.app)

Mostra como na letra da música "Construção" de Chico Buarque a alternação da última palavra de cada verso reconstrói o sentido.

Fabio

[![Site sobre Imagem do Brasil por meio de algunas Arquitteturas](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787511590%2Fcoding-submissions%2Fvibe-coding-bff%2F674455a83a530331.webp&w=3840&q=75)](https://www.wikiwand.com/pt/Arquitetura_modernista_no_Brasil)

### [Site sobre Imagem do Brasil por meio de algunas Arquitteturas](https://www.wikiwand.com/pt/Arquitetura_modernista_no_Brasil)

Dá uma visão da imagem do Brasil por meio da Arquietura, com base na pesquisa maravilhos da envisioning sobre a imagem do Brasil

Ste

[![Um site infantil que contava a história de Carolina Maria de Jesus](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510545%2Fcoding-submissions%2Fvibe-coding-bff%2F6c01b9d16232decf.webp&w=3840&q=75)](https://carolinamariadejesus.vercel.app/)

### [Um site infantil que contava a história de Carolina Maria de Jesus](https://carolinamariadejesus.vercel.app/)

O site conta de forma lúdica e visual a história de Carolina Maria de Jesus para um público infantil de até 8 anos, entendendo a importância desta figura para a história brasileira.

Maria Clara Araujo Secall

[![Exposição Digital África no Sul](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510645%2Fcoding-submissions%2Fvibe-coding-bff%2Feb225a8a9985de20.webp&w=3840&q=75)](https://africa-sul.vercel.app/)

### [Exposição Digital África no Sul](https://africa-sul.vercel.app/)

É uma primeira versão de um site para contar a história da presença negra no RS.

Sarah Brito

[![Um site para divulgar o interior do Brasil](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510892%2Fcoding-submissions%2Fvibe-coding-bff%2F93b29f41f7155cd8.png&w=3840&q=75)](https://v0.app/polyanacosta-8194s-projects/chat/gknvzmiPsGx)

### [Um site para divulgar o interior do Brasil](https://v0.app/polyanacosta-8194s-projects/chat/gknvzmiPsGx)

Propôs 3 roteiros

Polyana

[![um jogo informativo sobre gambiarras, imagem 1 de 2](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510679%2Fcoding-submissions%2Fvibe-coding-bff%2F5cb876b398db4e77.png&w=3840&q=75)![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787510972%2Fcoding-submissions%2Fvibe-coding-bff%2Fa218e24017202f79.png&w=3840&q=75)](https://gambiarrabrasileiras.vercel.app/)

Imagem 1 de 21 / 2

### [um jogo informativo sobre gambiarras](https://gambiarrabrasileiras.vercel.app/)

é um jogo para conhecermos gambiarras brasileiras que se tornaram invenções que fazem parte da vida de muitos brasileiros

Natata

[![Come To Brazil (Carnaval edition), imagem 1 de 3](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787490750%2Fcoding-submissions%2Fvibe-coding-bff%2F63e6617d836d7ade.webp&w=3840&q=75)![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787490759%2Fcoding-submissions%2Fvibe-coding-bff%2F36f8f22615529df8.webp&w=3840&q=75)![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1787490764%2Fcoding-submissions%2Fvibe-coding-bff%2Fbb4337be3b3ed33b.webp&w=3840&q=75)](https://cometobrazil.vercel.app/)

Imagem 1 de 31 / 3

### [Come To Brazil (Carnaval edition)](https://cometobrazil.vercel.app/)

Um quiz para ajudar gringos a decidirem qual carnaval devem escolher.

Turra

[![Já está certo: A Tábua de Esmeralda, imagem 1 de 3](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1788085466%2Fcoding-submissions%2Fvibe-coding-bff%2F8e384a1545d577b8.webp&w=3840&q=75)![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1788085468%2Fcoding-submissions%2Fvibe-coding-bff%2F45c53a24b1fb973a.webp&w=3840&q=75)![](/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fenvisioning%2Fimage%2Fupload%2Ff_auto%2Cq_auto%2Cc_limit%2Cw_800%2Fv1788085471%2Fcoding-submissions%2Fvibe-coding-bff%2Fd039214e58272f7a.webp&w=3840&q=75)](https://claude.ai/code/artifact/fbd00b13-3f79-4257-a353-1772d46ae8cf)

Imagem 1 de 31 / 3

### [Já está certo: A Tábua de Esmeralda](https://claude.ai/code/artifact/fbd00b13-3f79-4257-a353-1772d46ae8cf)

O disco de alquimia de Jorge Ben, de 1974, explicado numa página só: as doze faixas num vinil clicável, o texto hermético verso a verso, os símbolos alquímicos e um jogo em quatro fases.

MZ

## O que fazer depois

O melhor jeito de aprender é construir algo pequeno. Então: o que você quer fazer? Se ainda não sabe, pense um pouco ou use o exercício abaixo.

Sem ideia do que construir? Pegue três prompts prontos para copiar e colar no seu assistente de IA.

Ver três ideias

## Continue experimentando depois do workshop.

-   •[envisioning.com/coding-for-non-coders](/coding-for-non-coders) o guia completo em inglês, com níveis, técnicas e exemplos

## Events

Join us at upcoming events and workshops.

![Nov 12, 2026, 10:00](https://res.cloudinary.com/envisioning/image/upload/f_auto,q_auto:best/v1792052664/events/vibe-coding-brasilia.png)

Nov 12, 2026, 10:00

Vibe Coding — Programe sem saber programar

Oficina prática de Vibe Coding para quem nunca usou IA no desenvolvimento de aplicações. Transforme ideias em protótipos funcionais, mesmo sem saber programar. Parte da Semana de Inovação 2026, na ENAP.

[With Semana de Inovação 2026 (ENAP)](https://semanadeinovacao.enap.gov.br)Brasília, BR

![Nov 12, 2026, 16:00](https://res.cloudinary.com/envisioning/image/upload/f_auto,q_auto:best/v1783254884/signals/events/2026-2027/04-future-of-retail-crm-wide.png)

Nov 12, 2026, 16:00

The Future of Retail

A live STEEP scan on returns, resale, and reverse logistics flipping from cost center to strategic lever.

Online

[https://luma.com/envisi-wxb9](https://luma.com/envisi-wxb9)

![Nov 18, 2026](https://res.cloudinary.com/envisioning/image/upload/f_auto,q_auto:best/v1772643322/events/nslq5ayk1xawdobr9l84.png)

Nov 18, 2026

Coding for Non-Coders

Master AI-assisted coding in one session. Bring your laptop and an idea — leave with a working app and the confidence to build more.

Dubai, AE

[View all events](/events)

## Advanced Mode

Para quem constrói com IA e agora precisa manter o que construiu.

Esta página trata de começar. O Advanced Mode trata do que vem depois: seis encontros mensais sobre manutenção, dívida técnica, decisões de arquitetura que não dá para desfazer e revisão de código que você não escreveu.

-   ### Traga algo que está no ar
    
    Uma coisa que já roda, ou que vai rodar durante o programa, da qual outra pessoa além de você depende. É esse o único critério.
    
-   ### Doze pares, não uma palestra
    
    Seis encontros mensais de 90 minutos, online, com no máximo doze pessoas. Sempre a mesma estrutura: um caso a fundo, um tema, e então os travamentos de cada um.
    
-   ### Vocês definem a ordem
    
    Quem se inscreve ordena os seis temas — stacks, decisões irreversíveis, revisão de código que você não escreveu — e é essa ordem que seguimos.
    

[Conheça o Advanced Mode](/advanced-mode)

1 / 25

---

Nesta página

-   01Início
-   02Quem conduz
-   03O que é vibe coding?
-   04Muitas ideias pequenas
-   05Por que este workshop existe
-   06Roteiro da sessão
-   07Apresentações
-   08A IA de hoje é a pior que você vai usar na vida
-   09Meme
-   10Pra quem é
-   11O que você precisa
-   12Código é linguagem
-   13Como o programa foi construído
-   14And then we replaced Zoom
-   15Assista primeiro
-   16Exercício 1: encontre uma ideia
-   17Exercício 1: construa
-   18Primeira parada
-   19Radar
-   20Dados abertos
-   21Exercício 2: construa com dados
-   22Quanto custa
-   23Envie seu projeto
-   24O que rolou hoje
-   25Guia completo

---