Página viva de ferramentas do Construtor Digital

• Claude Code

  Aulas 1.4 e 1.5 e todos os projetos guiados

  Agente de IA que lê a pasta do projeto, cria e altera arquivos e executa comandos; é o exemplo principal dos passo a passo.

  Plano, cota, uso comercial e local dos dados · em conferência

• Claude in Chrome

  Aulas 1.5 e 2.3

  Deixa o Claude Code abrir, ver e testar a página no navegador.

  Plano, cota, uso comercial e local dos dados · em conferência

• Playwright MCP

  Aulas 1.5 e 1.6

  Conector que dá um navegador a qualquer agente.

  Plano, cota, uso comercial e local dos dados · em conferência

• Codex

  Aula 1.6 e caixas 🔁

  Agente com app e terminal, que lê o AGENTS.md.

  Plano, cota, uso comercial e local dos dados · em conferência

• Kimi Code e Kimi Code CLI

  Aulas 1.4 e 1.6

  Agente de baixo custo, que também lê o AGENTS.md; o modelo Kimi roda ainda dentro do Claude Code, pago por uso.

  Plano, cota, uso comercial e local dos dados · em conferência

• Google Antigravity

  Aulas 1.4, 1.5 e 1.6

  Editor com agente e navegador próprio, com as regras do projeto na pasta .agents/rules; é o caminho gratuito do livro.

  Plano, cota, uso comercial e local dos dados · em conferência

• Kilo Code e Cline

  Aulas 1.4, 1.6 e 1.7

  Extensões do VS Code que funcionam com vários modelos, inclusive gratuitos; são a reserva gratuita.

  Plano, cota, uso comercial e local dos dados · em conferência

• OpenCode

  Aula 1.6

  Agente de terminal com modelos gratuitos e assinatura de baixo custo.

  Plano, cota, uso comercial e local dos dados · em conferência

• GitHub Copilot Free

  Aulas 1.3 e 1.6

  Extensão com agente para ajustes no editor, com o treino desligado.

  Plano, cota, uso comercial e local dos dados · em conferência

• OpenRouter

  Aulas 1.3 e 1.6

  Roteador de modelos: vários modelos com uma única chave.

  Plano, cota, uso comercial e local dos dados · em conferência

• Gemini API

  Aula 1.6

  Chave gratuita para os modelos Flash, usada no caminho de reserva.

  Plano, cota, uso comercial e local dos dados · em conferência

• Modelos abertos de baixo custo (Kimi, GLM da Z.ai e DeepSeek)

  Aulas 1.6 e 5.6

  Reduzem o custo, com atenção ao país onde os dados ficam.

  Plano, cota, uso comercial e local dos dados · em conferência

• Ollama e LM Studio

  Aulas 1.6 e 5.6

  Rodam modelos no computador, e nada sai dele.

  Plano, cota, uso comercial e local dos dados · em conferência

• Claude, ChatGPT, app Kimi e Google AI Studio

  Aulas 0.4, 0.7 e 1.6

  IA de conversa e construtor por pedido, usados na primeira página e em rascunhos.

  Plano, cota, uso comercial e local dos dados · em conferência

• Jules

  Aula 2.4

  Agente do Google que ajusta sites que já estão no GitHub, por branches e pull requests.

  Plano, cota, uso comercial e local dos dados · em conferência

• APIs da Anthropic, da OpenAI, da Kimi e da DeepSeek

  Aula 5.4

  Ligam um assistente de IA ao site, cada uma com sua regra de dados.

  Plano, cota, uso comercial e local dos dados · em conferência

• Construtores de sites por pedido (Lovable, Bolt, v0 e Replit)

  Aula 0.4

  Montam e hospedam uma página a partir de uma conversa; servem de atalho para rascunho, não de produto seguro.

  Plano, cota, uso comercial e local dos dados · em conferência

• Gemini CLI gratuito para contas pessoaisO gratuito para contas pessoais terminou

  Aula 1.6; fontes no Apêndice G

  Fora do caminho do livro.

• Roo CodeEncerrado

  Aula 1.6; fontes no Apêndice G

  Fora do caminho do livro.

• Firebase StudioEm desativação

  Aula 1.6; fontes no Apêndice G

  Fora do caminho do livro.

• VS Code

  Aulas 1.4 e 2.3

  Editor onde você cria e revisa os arquivos e instala Kilo Code, Cline ou a extensão do Claude Code.

  Plano, cota, uso comercial e local dos dados · em conferência

• Google Antigravity

  Aula 1.4

  Editor com agente integrado (D.1).

  Plano, cota, uso comercial e local dos dados · em conferência

• Chrome

  Aulas 1.2, 2.5 e 3.5

  Navegador da conferência, com as ferramentas de desenvolvedor e o Lighthouse.

  Plano, cota, uso comercial e local dos dados · em conferência

• Terminal (macOS) e PowerShell (Windows)

  Aula 1.4

  Onde você digita os comandos.

  Plano, cota, uso comercial e local dos dados · em conferência

• Homebrew e winget

  Aula 1.4

  Instalam programas pelo terminal.

  Plano, cota, uso comercial e local dos dados · em conferência

• Git e Git for Windows

  Aulas 1.4 e 1.5

  Salvam as versões do projeto: o diário de obra.

  Plano, cota, uso comercial e local dos dados · em conferência

• GitHub

  Aulas 1.4, 1.8, 2.4 e 6.7

  Guarda o repositório privado fora do computador, liga a publicação contínua e permite transferir o repositório ao cliente.

  Plano, cota, uso comercial e local dos dados · em conferência

• GitHub CLI (comando gh)

  Aula 2.4

  A ferramenta oficial do GitHub para o terminal: faz login e cria o repositório sem sair da pasta do projeto.

  Plano, cota, uso comercial e local dos dados · em conferência

• Node.js e npm

  Aulas 1.2 e 2.3

  Rodam as ferramentas de construção e instalam pacotes.

  Plano, cota, uso comercial e local dos dados · em conferência

• Gerenciador de senhas (por exemplo, Bitwarden ou 1Password)

  Aula 1.4

  Guarda senhas fora do projeto e de qualquer documento.

  Plano, cota, uso comercial e local dos dados · em conferência

Biblioteca só entra no projeto se a licença permitir uso comercial (Aula 1.7). Confira a licença na página oficial antes de usar.

• Vite

  Aulas 1.2 e 2.3

  Base dos projetos de uma página, com build para a pasta dist.

  Plano, cota, uso comercial e local dos dados · em conferência

• Astro

  Aulas 1.2 e 4.1

  Framework de sites do site multipágina.

  Plano, cota, uso comercial e local dos dados · em conferência

• Next.js

  Aula 4.1

  Framework de aplicações, para sistemas com login; fica fora do site do livro.

  Plano, cota, uso comercial e local dos dados · em conferência

• Tailwind CSS (MIT)

  Aulas 1.7, 2.3 e 3.2

  Estilo por classes; o Play CDN não é para produção.

  Plano, cota, uso comercial e local dos dados · em conferência

• shadcn/ui (MIT)

  Aulas 1.7 e 3.2

  Componentes para projetos React.

  Plano, cota, uso comercial e local dos dados · em conferência

• GSAP e ScrollTrigger

  Aulas 0.7, 1.7 e 3.3

  Animação e animação na rolagem; gratuitos para uso comercial, com licença própria que não é MIT.

  Plano, cota, uso comercial e local dos dados · em conferência

• Motion (núcleo MIT)

  Aulas 1.7 e 3.3

  Animação; o Motion+ é pago.

  Plano, cota, uso comercial e local dos dados · em conferência

• Lenis (MIT)

  Aulas 1.7 e 3.3

  Rolagem suave, com respeito ao movimento reduzido.

  Plano, cota, uso comercial e local dos dados · em conferência

• Three.js (MIT) e OGL (domínio público)

  Aulas 1.7 e 3.4

  Cenas 3D, com moderação.

  Plano, cota, uso comercial e local dos dados · em conferência

• lottie-web e dotlottie-web (players MIT)

  Aulas 3.3 e 3.4

  Tocam animações vetoriais, que têm licença própria.

  Plano, cota, uso comercial e local dos dados · em conferência

• Swiper e Embla Carousel (MIT)

  Aulas 1.7 e 3.4

  Carrosséis, com pausa no automático.

  Plano, cota, uso comercial e local dos dados · em conferência

• Lucide (ISC), Heroicons e Phosphor (MIT)

  Aulas 1.7 e 3.2

  Ícones.

  Plano, cota, uso comercial e local dos dados · em conferência

• AOS

  Aulas 1.7 e 3.3

  Animação na rolagem sem versão estável nova há anos; evite.

  Plano, cota, uso comercial e local dos dados · em conferência

• Skills prontas

  Aulas 1.7, 2.3 e 3.3

  A frontend-design, da Anthropic, orienta direção visual e tipografia; as gsap-skills, da GreenSock (MIT), ensinam ao agente o uso atual do GSAP.

  Plano, cota, uso comercial e local dos dados · em conferência

• Hostinger

  Aulas 0.4, 1.4, 2.4, 4.1 e 5.5

  Hospedagem padrão dos tutoriais. O plano Premium é o do livro; o Unlimited entra quando o projeto precisa de mais sites, CDN, backups diários ou Node.js Web Apps. No hPanel ficam o Gerenciador de Arquivos, o Git com Deployments, os backups e o domínio temporário.

  Gratuito: plano e cota

  em conferência

  Pago mínimo para o livro

  Premium: R$ 10,99/mês no plano de 48 meses (R$ 527,52 à vista); renovação a R$ 38,99/mês. Tabela completa no bloco da Aula 0.4.

  Uso comercial

  em conferência

  Onde ficam os dados

  em conferência

  Conferido em 21 de setembro de 2026

• Hostinger Pro

  Aulas 1.8, 6.3, 6.6, 6.7 e 7.2

  Acesso delegado aos sites de clientes, com o plano e o domínio na conta do cliente, pagos por ele.

  Plano, cota, uso comercial e local dos dados · em conferência

• Registro.br

  Aulas 1.1, 1.4 e 1.8

  Registro do .com.br no CPF ou CNPJ do dono.

  Plano, cota, uso comercial e local dos dados · em conferência

• Conta gov.br

  Aulas 1.8 e 6.6

  Assinatura da transferência de titularidade do domínio e, se o cliente preferir, do aceite do contrato.

  Plano, cota, uso comercial e local dos dados · em conferência

• Netlify

  Caixas 🔁 das Aulas 1.1, 1.4, 2.4, 4.1, 4.2, 5.1 e 6.6

  Outra hospedagem: permite uso comercial no plano Free, com teto de créditos; tem formulários e funções próprios.

  Plano, cota, uso comercial e local dos dados · em conferência

• Cloudflare Pages e Workers

  Caixas 🔁 das Aulas 1.1, 1.4, 2.4, 4.1, 4.2, 5.1 e 6.6

  Outra hospedagem: permitem página comercial no plano gratuito, mas proíbem coletar dados de cartão no site servido por ele.

  Plano, cota, uso comercial e local dos dados · em conferência

• Vercel Hobby

  Caixas 🔁 das Aulas 1.1, 1.4, 2.4, 4.1, 4.2, 5.1 e 6.6

  Outra hospedagem: proíbe uso comercial, inclusive site feito por alguém pago para isso.

  Plano, cota, uso comercial e local dos dados · em conferência

• GitHub Pages

  Caixas 🔁 das Aulas 1.1, 1.4, 2.4, 4.1, 4.2, 5.1 e 6.6

  Outra hospedagem: não serve para hospedar negócio online nem transações com cartão.

  Plano, cota, uso comercial e local dos dados · em conferência

• Formspree, Web3Forms e Tally

  Aulas 4.2 e 5.2

  Recebem os envios do formulário de uma página estática; o país onde os dados ficam muda de um serviço para outro.

  Plano, cota, uso comercial e local dos dados · em conferência

• Calendly, Cal.com e Google Agenda

  Aula 4.2

  Agendamento incorporado à página.

  Plano, cota, uso comercial e local dos dados · em conferência

• WhatsApp (link wa.me)

  Aulas 0.7 e 4.2

  Botão que abre a conversa com o número do negócio.

  Plano, cota, uso comercial e local dos dados · em conferência

• Brevo

  Aula 5.2

  Por exemplo, e-mails automáticos e listas, com o domínio autenticado.

  Plano, cota, uso comercial e local dos dados · em conferência

Pagamento nunca é construído, e nenhum cartão é coletado no HTML: loja, checkout e área de membros são integrados (Aula 4.3).

• Mercado Pago

  Aulas 4.3 e 7.3

  Link de pagamento num botão.

  Plano, cota, uso comercial e local dos dados · em conferência

• Stripe

  Aulas 4.3 e 7.3

  Payment Links, uma página de pagamento hospedada, ou Buy Button incorporado.

  Plano, cota, uso comercial e local dos dados · em conferência

• Hotmart, Kiwify e Eduzz

  Aulas 4.3, 4.4 e 7.3

  Checkout de produtos digitais, por link ou widget, e área de membros com liberação automática depois da compra.

  Plano, cota, uso comercial e local dos dados · em conferência

• Pagar.me e Asaas

  Aula 4.3

  Link de pagamento.

  Plano, cota, uso comercial e local dos dados · em conferência

• Shopify (Buy Button)

  Aula 4.3

  Por exemplo, loja com catálogo, estoque e carrinho dentro do seu site.

  Plano, cota, uso comercial e local dos dados · em conferência

• Google Analytics

  Aula 5.3

  Conta visitas e ações.

  Plano, cota, uso comercial e local dos dados · em conferência

• Google Tag Manager

  Aula 5.3

  Gerenciador de tags, instalado uma vez no site e controlado por um painel.

  Plano, cota, uso comercial e local dos dados · em conferência

• Meta Pixel

  Aula 5.3

  Tag da plataforma de anúncios da Meta, só quando houver anúncio e sempre com consentimento.

  Plano, cota, uso comercial e local dos dados · em conferência

• Google Search Console

  Aulas 2.5, 4.1 e 4.5

  Recebe o sitemap.xml e o pedido de indexação.

  Plano, cota, uso comercial e local dos dados · em conferência

• Perfil da Empresa no Google

  Aula 4.1

  Presença do negócio na busca local.

  Plano, cota, uso comercial e local dos dados · em conferência

• Banner de cookies

  Aulas 5.3 e 5.6

  Em qualquer ferramenta, "Aceitar" e "Recusar" com o mesmo destaque e nenhuma tag antes da resposta.

  Plano, cota, uso comercial e local dos dados · em conferência

• HubSpot CRM

  Aulas 5.2, 6.2 e 7.4

  Por exemplo, CRM com plano gratuito; a planilha de CRM e receita recorrente do kit também serve, desde que seja a fonte única.

  Plano, cota, uso comercial e local dos dados · em conferência

• Zapier, Make e N8N

  Aula 5.2

  Por exemplo, ferramentas visuais de automação, com limites nos planos gratuitos; o N8N também pode rodar no seu próprio servidor.

  Plano, cota, uso comercial e local dos dados · em conferência

• Lyro, da Tidio

  Aula 5.4

  Por exemplo, assistente de atendimento que responde com base no conteúdo aprovado e passa a conversa para uma pessoa.

  Plano, cota, uso comercial e local dos dados · em conferência

• Google Fonts

  Aulas 1.7, 3.1 e 3.2

  Famílias de fonte, a maioria com a SIL Open Font License, com os arquivos hospedados no projeto.

  Plano, cota, uso comercial e local dos dados · em conferência

• Adobe Firefly e geração de imagens da OpenAI

  Aula 3.4

  Imagens por IA, só com termos que permitam uso comercial no plano usado, registradas no licencas.md.

  Plano, cota, uso comercial e local dos dados · em conferência

• LottieFiles

  Aulas 3.3 e 3.4

  Animações vetoriais prontas, com licença própria.

  Plano, cota, uso comercial e local dos dados · em conferência

• Lighthouse (ferramentas de desenvolvedor do Chrome)

  Aulas 2.5 e 3.5

  Notas de Desempenho, Acessibilidade, Boas práticas e SEO no endereço local, antes de cada publicação.

  Plano, cota, uso comercial e local dos dados · em conferência

• PageSpeed Insights

  Aulas 2.5, 3.5, 5.3, 5.7 e 7.2

  Mede a página publicada no celular, com dados de visitantes reais quando houver.

  Plano, cota, uso comercial e local dos dados · em conferência

• /code-review e subagentes do Claude Code

  Aula 5.5

  Revisam as mudanças em busca de erros e de falhas de segurança.

  Plano, cota, uso comercial e local dos dados · em conferência

• npm audit

  Aulas 5.5 e 5.7

  Lista alertas de segurança das dependências.

  Plano, cota, uso comercial e local dos dados · em conferência

• Backups e Deployments do hPanel

  Aula 5.5

  Volta de versão pela hospedagem, junto do Git.

  Plano, cota, uso comercial e local dos dados · em conferência