01
Fundação e Instalação
11 aulas
1.1Instalação: app desktop e terminal
  • Instalar o app Claude no Mac e configurar o terminal
  • Diferença entre Claude app e Claude Code CLI — quando usar cada um
  • Primeiro projeto: criar a pasta e iniciar o Claude Code no terminal
  • Verificar se tudo está funcionando com o primeiro comando
1.2Interface, sidebar e configurações
  • Navegar pela sidebar: arquivos, histórico e configurações
  • Atalhos de teclado que aceleram 80% do uso diário
  • Configurações de modelo, linguagem e comportamento padrão
  • Como personalizar a interface para o seu fluxo de trabalho
1.3Planos: o que cada um oferece e quando evoluir
  • Free, Pro e Max: o que cada plano inclui e o que bloqueia
  • Contexto de tokens: o que significa e por que importa para projetos grandes
  • Quando o Pro já não é suficiente — os sinais concretos
  • Custo real por mês com uso diário intenso em cada plano
1.4Permissões e modos de edição
  • Modo de aprovação: o Claude pede antes de qualquer ação destrutiva
  • Modo autônomo: quando liberar e quais riscos gerenciar
  • Pastas de leitura vs. edição: como delimitar o que o Claude pode tocar
  • Como revogar uma permissão sem interromper o projeto
1.5Interfaces: Chat, Cowork e Claude Code
  • Chat: conversas livres e rascunhos rápidos
  • Cowork: colaborar em cima de um arquivo no browser com o Claude
  • Claude Code: desenvolvimento real com acesso ao sistema de arquivos
  • A regra de qual interface usar para cada tipo de tarefa
1.6Comandos essenciais: /context, /compact, /clear, /model
  • /context: quando e como injetar arquivos no contexto atual
  • /compact: resumir a conversa para economizar tokens sem perder fio
  • /clear: quando limpar e começar uma sessão limpa
  • /model: trocar de modelo no meio da sessão e quando isso compensa
1.7Setup automático de estrutura de pastas
  • Por que estrutura de pastas é a primeira automação a criar
  • Como o Claude Code cria toda a estrutura de um projeto em segundos
  • Pastas essenciais de qualquer projeto: src, docs, scripts, assets
  • Salvando o setup como template para reusar em projetos futuros
1.8MCPs: Supabase, Gmail, Notion, YouTube
  • O que é um MCP e por que ele amplia o que o Claude pode fazer
  • Instalação e autenticação dos MCPs Supabase, Gmail e Notion
  • Verificando se o MCP está ativo e respondendo corretamente
  • Caso de uso real: o Claude consulta o Notion e escreve no Supabase
1.9Estrutura de pastas: Code vs Cowork vs Skills
  • Code: onde vivem projetos com código real
  • Cowork: onde ficam documentos, briefings e contexto de negócio
  • Skills: onde as capacidades reutilizáveis ficam armazenadas
  • Como o Claude Code navega entre essas três camadas sem perder contexto
1.10CLAUDE.md: por que você precisa desde o dia 1
  • O que é o CLAUDE.md e como o Claude Code o usa automaticamente
  • O que colocar: regras do projeto, stack, convenções e limites
  • Como o CLAUDE.md economiza tokens ao evitar repetição de contexto
  • Atualizando o CLAUDE.md conforme o projeto cresce — o ritual semanal
1.11Modo Planejamento (Plan Mode) na prática
  • O que é Plan Mode: o Claude planeja antes de executar qualquer coisa
  • Como ativar o Plan Mode e quando ele faz a diferença real
  • Revisando o plano antes de aprovar: o que checar em cada etapa
  • Plan Mode vs. execução direta — a regra para escolher
02
Construa um Site Real do Zero ao Publicado
10 aulas
2.1Visão geral: Pesquisa Competitiva → Design → Publicação
  • O pipeline completo de um site real: 4 fases e o que acontece em cada uma
  • Quais ferramentas entram em cada fase (Claude Code, GitHub, Vercel)
  • O que você decide vs. o que o Claude Code executa
  • Resultado final desta trilha: site ao vivo com domínio real
2.2Pesquisa competitiva: quais sites analisar e como raspar
  • Como escolher 5-10 sites de referência do seu nicho
  • Usando o Claude Code para extrair estrutura, paleta e copy de cada site
  • O relatório de benchmarking: o que documentar antes de começar
  • Como transformar a pesquisa em input direto para o brief de design
2.3Brief de design: como transformar pesquisa em especificação
  • A estrutura do brief perfeito para o Claude Code gerar HTML fiel
  • Definindo paleta, tipografia, layout e comportamento responsivo
  • Como ser específico sem microgerenciar (o nível de detalhe certo)
  • Revisando o brief antes de executar: o que costuma estar faltando
2.4Skill de Design: como usar e personalizar
  • O que é a Skill de Design e como ela instrui o Claude Code
  • Instalação e ativação dentro de um projeto de site
  • Como personalizar a Skill para o estilo visual da sua marca
  • Testando a Skill: compare o output com e sem ela ativada
2.5Construindo 3 versões ao mesmo tempo e comparando
  • Por que construir variações em paralelo economiza mais tempo que iterar
  • Como pedir ao Claude Code 3 interpretações do mesmo brief
  • Critérios de escolha: o que avaliar além da estética
  • Extraindo o melhor de cada versão para a versão final
2.6SEO: meta tags, schema markup, sitemap e robots.txt
  • Meta title e description: os limites de caracteres e a fórmula que funciona
  • Schema markup: o que é e como o Claude Code gera para o seu tipo de site
  • Sitemap.xml e robots.txt: o Claude cria e mantém automaticamente
  • Verificando o SEO com Google Search Console antes do launch
2.7Padrões de design: o que copiar e como adaptar
  • Os 8 padrões de design que funcionam independente de nicho
  • Como identificar o padrão que o site de referência está usando
  • Adaptando o padrão para a sua identidade sem perder o que funciona
  • O limite entre inspiração e plágio — como o Claude Code ajuda a manter
2.8Publicação: conectar repositório, variáveis de ambiente, URL ao vivo
  • GitHub: criando o repositório e fazendo o primeiro push
  • Conectando o repo ao Vercel em 5 minutos
  • Variáveis de ambiente: o que são e como configurar sem expor segredos
  • Domínio personalizado: apontar DNS e ativar HTTPS
2.9Depuração: o erro mais comum e como corrigir
  • Os 5 erros mais comuns em projetos Claude Code e o diagnóstico de cada um
  • Como mostrar o erro para o Claude Code e pedir o fix certo
  • Stack trace: o que é e como ler as linhas que importam
  • Quando o Claude Code erra na solução e como redirecionar sem perder contexto
2.10Recuperação de erros: git stash, reset e como reprovar output ruim
  • git stash: salvar trabalho não commitado antes de testar algo arriscado
  • git reset: como voltar para um estado anterior sem perder o progresso
  • Como comunicar ao Claude Code que o output foi ruim — a palavra exata
  • Criando checkpoints regulares para nunca perder mais de 20 minutos de trabalho
03
Funcionalidades Avançadas
12 aulas
3.1Skills: o que são, estrutura do SKILL.md e sua primeira Skill
  • A anatomia de uma Skill: nome, propósito, instruções e exemplos
  • Como criar o arquivo SKILL.md do zero para uma capacidade específica
  • Testando sua primeira Skill: o que muda no comportamento do Claude Code
  • Quando criar uma Skill vs. quando colocar no CLAUDE.md
3.2Plugins MCP: o que instalar e como validar segurança
  • O que é o protocolo MCP e como os plugins se comunicam com o Claude
  • Repositório oficial de MCPs: como avaliar reputação e uso
  • Instalação passo a passo e validação de que o plugin está ativo
  • Segurança: quais permissões um MCP legítimo nunca pede
3.3Custos de modelo: Opus, Sonnet e Haiku — quando usar cada um
  • Opus: máxima capacidade, maior custo — quando ele justifica
  • Sonnet: o equilíbrio certo para 90% das tarefas
  • Haiku: velocidade e custo baixo para tarefas mecânicas e repetitivas
  • A regra prática para escolher o modelo certo sem pensar toda vez
3.4Gestão de contexto: quando a conversa vai mal e como consertar
  • Por que conversas longas degradam qualidade (o problema de contexto)
  • Sinais de que o Claude Code perdeu o fio do projeto
  • /compact e /clear: quando usar cada comando para recuperar foco
  • Dividir projetos grandes em sessões menores — a regra de ouro
3.5Rotinas: o que são e casos de uso reais
  • O que é uma Rotina no Claude Code e como ela difere de um script
  • Como criar uma Rotina que executa uma sequência de tarefas
  • Casos reais: Rotina de deploy, de backup e de geração de relatório
  • Agendando Rotinas para rodar sem você precisar iniciar manualmente
3.6Hooks: pré e pós chamadas de ferramenta — automação real
  • O que são Hooks e como eles interceptam ações do Claude Code
  • Hook de pré-ação: validar antes de escrever, deletar ou executar
  • Hook de pós-ação: notificar, logar ou disparar a próxima etapa
  • Criando seu primeiro Hook em 10 minutos com caso de uso real
3.7MCP personalizado: do zero ao deploy e compartilhamento
  • A estrutura mínima de um MCP: manifest, handlers e autenticação
  • Construindo um MCP que acessa sua API interna ou banco de dados
  • Testando o MCP localmente antes de publicar
  • Como compartilhar seu MCP com outros usuários do Claude Code
3.8Subagentes: delegue trabalho focado em paralelo
  • O que é um subagente e como ele difere de uma conversa normal
  • Como delegar uma tarefa para um subagente com contexto isolado
  • Rodando múltiplos subagentes em paralelo para ganhar velocidade
  • Consolidando os resultados dos subagentes na sessão principal
3.9Loop do Crítico: qualidade com LLM como juiz
  • O que é o Loop do Crítico e por que ele melhora qualidade
  • Como o Claude Code revisa o próprio output contra critérios definidos
  • Configurando o ciclo: quantas iterações e quando parar
  • Casos de uso: código, copy, design e análise de dados
3.10Dispatch: o jeito novo de orquestrar agentes
  • O que é Dispatch e como ele difere de subagentes simples
  • Como criar um Dispatcher que distribui tarefas para agentes especializados
  • Fluxo de trabalho com Dispatch: da tarefa ao resultado consolidado
  • Quando Dispatch vale a complexidade — os critérios de decisão
3.11Tarefas Agendadas
  • O que são Tarefas Agendadas no Claude Code e como elas funcionam
  • Configurando uma tarefa para rodar diariamente sem intervenção
  • Casos reais: relatório diário, backup, sync de dados e notificações
  • Monitorando se a tarefa executou corretamente e o que fazer se falhou
3.12Marketplace de Plugins
  • O ecossistema de plugins: quem cria, quem mantém e como avaliar
  • Como publicar seu MCP no marketplace para outros usarem
  • Monetizando seu plugin: modelos de acesso e precificação
  • Mantendo um plugin publicado: atualizações e suporte
04
Sistema de Memória
5 aulas
4.13 níveis de memória: contexto, projeto e longo prazo
  • Memória de contexto: o que o Claude sabe apenas dentro desta conversa
  • Memória de projeto: o que persiste enquanto o projeto estiver aberto
  • Memória de longo prazo: o que sobrevive entre projetos e sessões
  • Como estruturar cada nível para o Claude sempre ter o contexto certo
4.2NotebookLM: conhecimento que persiste entre sessões
  • O que é o NotebookLM e como conectá-lo ao Claude Code via MCP
  • Adicionando fontes: PDFs, sites, vídeos e documentos internos
  • Como o Claude Code consulta o NotebookLM durante uma tarefa
  • Organizando notebooks por projeto vs. por tema permanente
4.3Pinecone: memória vetorial infinita conectada ao Claude Code
  • O que é um banco vetorial e por que ele supera busca por texto
  • Configurando o Pinecone e conectando ao Claude Code
  • Inserindo dados: como o Claude Code indexa informações automaticamente
  • Consultando a memória vetorial: o Claude busca o contexto certo sozinho
4.4Granola: transcrição automática de reuniões virando memória
  • Como o Granola captura e transcreve reuniões automaticamente
  • Conectando o Granola ao Claude Code para alimentar a memória do projeto
  • Transformando atas em tarefas, decisões e contexto acionável
  • A Rotina que processa as transcrições toda manhã sem você tocar
4.5SQLite: dados estruturados que o Claude consulta diretamente
  • Por que SQLite é a melhor base de dados local para projetos Claude Code
  • Criando e populando um banco SQLite com o Claude Code
  • Consultas SQL que o Claude executa sozinho durante uma sessão
  • Casos de uso: inventário, leads, histórico de eventos e configurações
08
Sistemas de Design
7 aulas
8.1Claude Design: quando usar vs Figma — walkthrough ao vivo
  • Claude Design: para que serve e onde ele supera ferramentas visuais
  • Quando Figma ainda é necessário vs. quando Claude Design resolve
  • Walkthrough ao vivo: do brief ao componente HTML final
  • Exportando o output para usar em qualquer projeto
8.2Decks em HTML: animações nativas e exportação
  • Por que HTML supera PowerPoint para apresentações de alto impacto
  • Estrutura de um deck HTML: slides, animações e navegação por teclado
  • Como o Claude Code gera o deck completo a partir de um outline
  • Exportando para PDF e compartilhando o link ao vivo
8.3CSS e animações: drop-in para qualquer site, GSAP
  • Animações CSS nativas: transition, transform e keyframes sem biblioteca
  • Quando GSAP vale a pena: os casos onde CSS puro não basta
  • Drop-in snippets: como o Claude Code gera CSS pronto para copiar
  • Performance: o que verificar antes de adicionar animações em produção
8.43D: quando vale a pena e como integrar
  • Casos onde 3D faz diferença real (e quando é só ornamento)
  • Three.js vs CSS 3D: qual o Claude Code integra melhor
  • Construindo um componente 3D ao vivo com Claude Code
  • Otimizando para mobile: o que cortar quando a conexão é lenta
8.5Vídeo e imagem com IA: voz, vídeo e pipeline completo
  • Ferramentas de vídeo IA que o Claude Code conecta via API
  • Pipeline de produção: do roteiro ao vídeo sem gravar nada
  • Geração de imagem: como integrar modelos de imagem ao seu app
  • Voz: síntese de áudio e quando usar em vez de gravar
8.6Logos: extraia, automatize e use nos seus projetos
  • Como extrair logos de qualquer site usando o Claude Code
  • Automatizando a criação de variações: horizontal, vertical e ícone
  • Integrando a logo ao design system do seu projeto
  • Caso real: construir um banco de logos de concorrentes em 10 minutos
8.7Controle de qualidade visual
  • Checklist de QA visual que o Claude Code aplica antes de qualquer entrega
  • Como pedir ao Claude Code que compare duas versões e identifique regressões
  • Acessibilidade: contraste, alt text e navegação por teclado — o mínimo
  • Aprovação final: o ritual de revisão que evita problemas em produção
09
Conformidade e Manutenção
5 aulas
9.1Segurança: o que não compartilhar e higiene de chaves API
  • Chaves API: onde guardar, como rotacionar e o que fazer se vazar
  • O que nunca colocar no código ou no chat do Claude Code
  • .gitignore e .env: a dupla que protege seus segredos
  • Checklist de segurança antes de qualquer push para repositório público
9.2Auditoria: prompts que detectam bugs antes do deploy
  • O prompt de auditoria de segurança que o Claude Code executa no código
  • O que procurar: injeção, vazamento de dados e lógica de autorização
  • Auditoria de dependências: como o Claude Code identifica pacotes vulneráveis
  • Relatório de auditoria: formato e o que fazer com cada item encontrado
9.3Stack completo: RAG, Claude, Vercel, GitHub — o papel de cada peça
  • RAG: o que é e quando você realmente precisa implementar
  • Claude como cérebro: o que o modelo decide vs. o que a infraestrutura executa
  • Vercel: hospedagem, funções serverless e edge computing em produção
  • GitHub: repositório, CI/CD e o que acontece a cada push
9.4Monitoramento: o que rastrear, recuperação de erros e alertas
  • As 3 métricas que todo app em produção precisa monitorar
  • Logs: como o Claude Code gera logs legíveis e como consultá-los
  • Alertas: configurar notificação quando algo quebra sem você ver
  • Recuperação: o playbook para restaurar o app em menos de 10 minutos
9.5SDK Anthropic e caminho de certificação
  • O que é o SDK Anthropic e quando usá-lo vs. o Claude Code diretamente
  • Primeiras chamadas à API: autenticação, modelos e parâmetros
  • Caminho de certificação Anthropic: o que é avaliado e como se preparar
  • O próximo passo: como continuar aprendendo depois deste treinamento