Tudo que você precisa pra acompanhar o treinamento da Akaia — nossa academia de IA, aqui no módulo de Agente de Website. Mantém essa página aberta: é o seu mapa do dia, com as skills que a gente constrói ao vivo linkadas direto.
consulta livre · sem ordem fixa
01 · Base
A base de tudo: o que é processo, o que é sistema automático e como agente e skill se encaixam dentro disso.
Passo a passo executado por pessoas e ferramentas pra chegar num output (entregável). Mapear seu processo é entender quais passos a pessoa responsável executa pra chegar até o resultado final — no seu caso, um criativo pronto pra subir em campanha.
Um processo onde as pessoas que executavam viraram agentes. Uma vez que você tem clareza do processo — do briefing até o PNG final — você consegue tornar ele automático.
O trabalho começa no briefing e termina com um arquivo visual que o agente consegue consultar durante o desenvolvimento. A referência serve pra identificar decisões de design; o projeto final deve adaptar essas decisões ao cliente.
Pede ajuda pra própria Claude: "Estou querendo mapear esse processo mas não tá claro pra mim. Pode me fazer perguntas pra me ajudar?" Ela vai te entrevistar até o processo ficar mapeado.
Sistema, agente e skill não são sinônimos. Cada um vive numa camada diferente:
A operação inteira. Vários agentes integrados, cada um com sua função, executando o processo de ponta a ponta. É o estúdio de criativos funcionando sozinho.
Um funcionário com função específica. O prompt do agente é a descrição de cargo — ali estão as instruções, responsabilidades e o que se espera dele. Mesmo método de quando você contrata uma pessoa.
O POP (procedimento operacional padrão) ou "receita de bolo"
que esse agente segue pra executar uma tarefa. Você escreve uma vez e a skill executa do mesmo
jeito sempre — como o criar-estatico deste projeto. Pode ser usada pelo agente
ou por você direto.
02 · Prática
Onde a IA vive, como instalar, qual plano escolher e quando usar cada modelo.
| Interface | O que faz | Pra quem |
|---|---|---|
| Claude.ai (web) | Versão completa no navegador | Acesso rápido em qualquer máquina |
| Claude Desktop | Chat, Cowork e Code — tudo visual, sem terminal | Uso diário no computador |
| Claude Code (terminal) | Controle total via linha de comando | o que vamos usar hoje |
Conversas rápidas, perguntas, brainstorm. Como falar com um colega.
Tarefas autônomas. A Claude pesquisa, analisa documentos, gera relatórios e usa plugins. Você delega, ela entrega.
Skills customizadas, agentes, squads, automações. Tudo pelo Code — foi aqui que a gente montou o criar-estatico e o criar-carrossel.
Hoje a aula é toda no Claude Code — quem já tem o terminal rodando pode acompanhar direto. Pra quem está começando agora, o Desktop é o caminho mais visual.
Site oficial da Anthropic. Versão estável e sem terminal — interface visual completa.
Documentação oficial da Anthropic, com o passo a passo de instalação pelo terminal.
| Plano | Preço/mês | Pra quem |
|---|---|---|
| Free | Grátis | Testar o Chat com limite |
| Pro | ~R$115 | Aprender e testar (uso moderado) |
| Max 5x | ~R$575 | Uso profissional diário, rodar agentes — recomendado |
| Max 20x | ~R$1.150 | Operações pesadas, agência, múltiplos squads |
| Designer CLT | Claude Max 5x | |
|---|---|---|
| Custo mensal | R$1.800 a R$4.500+ | R$575 |
| Horário | 8h/dia, seg a sex | 24h/dia, 7 dias |
| Treinamento | Semanas ou meses | Segundos (via skill) |
| Férias / faltas | 30 dias + encargos | Nunca para |
| Escala | +criativo = +contratação | +criativo = mesmo custo |
| Modelo | Pra que serve | Quando usar |
|---|---|---|
| Haiku 4.5 | Tarefas simples e rápidas | Resumos, formatação, checagem repetitiva |
| Sonnet 5 | Uso geral — equilíbrio entre qualidade e custo | Padrão do dia a dia: criar skills, gerar criativo |
| Opus 5.5 | Raciocínio complexo e profundo | Arquitetura, curadoria, decisões difíceis |
| Fable 5.1 | Criação narrativa e conteúdo criativo | Roteiro, copy autoral, storytelling de marca |
| Interface | O que faz | Pra quem |
|---|---|---|
| ChatGPT (web) | Versão completa no navegador | Acesso rápido em qualquer máquina |
| ChatGPT Desktop | Chat e Work — tudo visual, sem terminal | Uso diário no computador |
| Codex (terminal) | Controle total via linha de comando | equivalente ao Claude Code |
Conversas rápidas, perguntas, brainstorm. Como falar com um colega.
Agente que atua em apps e arquivos, com memória e conexões (e-mail, calendário, Slack). Você delega, ele entrega.
Agente de programação — roda tarefas de código de ponta a ponta, pelo terminal ou dentro do Desktop.
Mesma lógica do Claude: quem já roda o Codex no terminal pode acompanhar direto. Pra quem está começando, o Desktop é o caminho mais visual.
Site oficial da OpenAI. Versão estável e sem terminal — interface visual completa.
Documentação oficial da OpenAI, com o passo a passo de instalação pelo terminal.
| Plano | Preço/mês | Pra quem |
|---|---|---|
| Free | Grátis | Testar o Chat com limite |
| Go | R$39,99 | Acesso ampliado (10x mais mensagens) a baixo custo |
| Plus | R$99,90 | Aprender e testar (uso moderado) |
| Pro | R$525 | Uso profissional diário, modelo de fronteira — recomendado |
| Business (por licença) | R$100 a R$500 | Workspace de equipe — padrão ou premium (5x mais uso) |
| Designer CLT | ChatGPT Pro | |
|---|---|---|
| Custo mensal | R$1.800 a R$4.500+ | R$525 |
| Horário | 8h/dia, seg a sex | 24h/dia, 7 dias |
| Treinamento | Semanas ou meses | Segundos (via prompt) |
| Férias / faltas | 30 dias + encargos | Nunca para |
| Escala | +criativo = +contratação | +criativo = mesmo custo |
| Modelo | Pra que serve | Quando usar |
|---|---|---|
| Luna | Tarefas simples e de alto volume (GPT-5.6) | Busca, conferência, formatação, tarefa curta |
| Terra | Alterações mecânicas e configuração simples (GPT-5.6) | Padrão pra implementação leve do dia a dia |
| Sol | Uso geral — equilíbrio entre qualidade e custo (GPT-5.6) | Implementação cotidiana, o padrão mais comum |
| Astra | Raciocínio complexo e profundo (GPT-6) | Arquitetura, decisões importantes, curadoria, debug difícil |
No app do ChatGPT esses nomes não aparecem — viram um controle único de "esforço de raciocínio" (instantâneo → profundo). Luna/Terra/Sol/Astra são como a API e o Codex chamam cada nível por baixo.
03 · Construção
O funil de comercial inteiro automatizado. Cada agente consome o output do anterior. Hoje a aula libera só o Web Designer — os outros cinco aparecem bloqueados, é o que vem nas próximas aulas.
Projeta e constrói o site a partir de referência ou briefing — do layout ao código, pronto pra publicar.
Entregável: site/página pronta, publicada em artefato.
Prompts em preparação — assim que estiverem prontos, entram aqui.
Galeria de sites publicados pela comunidade Webflow. Permite pesquisar por categorias como agência, SaaS, portfólio, e-commerce, educação, animação, interações e páginas de conversão. Parte dos projetos é clonável dentro do Webflow.
Use na atividade: busque referências completas de marketing e observe hero, sequência de seções, chamadas para ação, animações e comportamento responsivo.
Biblioteca de experiências digitais reais com sites, aplicativos, telas, elementos de interface e fluxos. Especialmente útil pra enxergar jornadas completas e padrões já publicados por produtos conhecidos.
Use na atividade: pesquise por setor ou padrão e compare diferentes soluções antes de escolher a referência principal.
Espaço compartilhado da aula pra navegar por referências reunidas em um único quadro. O acesso pode exigir login ou permissão no Taskade.
Use na atividade: use a curadoria do quadro pra reduzir a busca e chegar mais rápido a referências alinhadas ao exercício.
Plataforma de design com IA voltada à criação de sites responsivos. Reúne modelos e componentes, oferece um construtor de prompts e permite transformar direções visuais em HTML ou Figma.
Use na atividade: explore soluções de hero, seções e composição visual. Use a referência como direção e valide o site publicado antes da extração.
Fecha o ciclo do funil — lead chegou, agora atende sem você precisar estar no celular. Qualifica e encaminha pro setor certo.
Entregável: atendimento automático rodando 24/7.
Conecta as pontas do funil sem intervenção manual — o output de um agente vira o input do próximo, sozinho.
Entregável: fluxo automatizado rodando ponta a ponta.
Sobe e otimiza campanhas no Meta Ads a partir de uma frase. Analisa relatório, aponta causa de CPA alto, sugere ajuste.
Entregável: campanha configurada e rodando.
ads:subir-campanhaads:vigia-24hConstrói o backend por trás da operação — integrações, CRM, banco de dados. O que sustenta os outros agentes por baixo dos panos.
Entregável: sistema interno rodando em produção.
Empacota tudo num app instalável, pra quando o sistema precisa de interface própria, não só rodar por trás de um site.
Entregável: aplicativo funcional, pronto pra instalar.
04 · Referências
Downloads, mapas e recursos que vão te ajudar durante e depois da aula.
.claude/skills deste projeto
verificar-setup, configurar-marca, criar-estatico, criar-carrossel