WORKSHOP · AULA 02

Claude
na prática.

Do chat ao código: os três modos do Claude e como montar seu ambiente de trabalho com IA.

00 · PROGRAMA

A Aula 01 calibrou.
Hoje a gente instala o Claude.

NA AULA PASSADA

O panorama

Como a IA funciona e quais ferramentas importam.

  • Mental model de LLM, tokens, prompt e harness
  • Claude · ChatGPT · Gemini · Perplexity · Manus
  • Limites, riscos e boas práticas
HOJE

Mão na massa com Claude

Sair daqui com o ambiente montado e rodando.

  • Os 3 modos: Chat · Cowork · Code
  • Skills e MCPs, sem mistério
  • Claude Desktop instalado + Claude Code configurado
  • Workspace no GitHub, marca no Claude Design e publicação na Vercel
CLAUDE NA PRÁTICA

00 · AGENDA

Programação do dia.

  • 01
    Os 3 modos do Claude
    Chat, Cowork e Code: o que é cada um e quando puxar qual.
  • 02
    Mão na massa
    Instalar o Claude Desktop, configurar o Claude Code, ligar o seu stack, versionar no GitHub, criar a marca no Claude Design e publicar na Vercel.
  • 03
    Síntese + desafio
    Quando usar cada modo e o que praticar até a próxima aula.
CLAUDE NA PRÁTICA
01

Os três modos
do Claude.

Mesmo cérebro, três interfaces. Onde cada uma brilha e quando puxar qual.

01Os 3 modos do Claude
02Mão na massa
03Síntese + desafio

01 · OS MODELOS POR BAIXO

Um modelo certo
pra cada tarefa.

RÁPIDO E ECONÔMICO

Haiku 4.5

O mais veloz e barato. Brilha em tarefas simples e em volume: classificar, resumir, responder na hora.

EQUILIBRADO

Sonnet 5

O meio-termo entre velocidade e qualidade. Default do Free e do Pro: escrever, analisar, conversar.

MÁXIMA INTELIGÊNCIA

Opus 5

Default do Max. Raciocínio complexo, problemas difíceis, projetos longos e código pesado. Acima dele, só o Fable.

CLAUDE NA PRÁTICA

01 · ACABOU DE CHEGAR

●VERSÃO 5.1 · SET 2026 CLASSE MYTHOS

Fable 5.1

O modelo mais poderoso do mundo precisou ser acorrentado.

O mesmo modelo do Mythos 5.1, com safeguards ligados. A versão sem freios segue restrita a cyberdefesa e ciências da vida, só pra organizações verificadas. Nos planos: incluso no Max, no Pro só via créditos.

SAFEGUARDSATIVOS
MYTHOS 5.1RESTRITO · CYBER + BIO
CLAUDE NA PRÁTICA

01 · VISÃO GERAL

Um Claude,
três portas de entrada.

01 · CONVERSA

Claude Chat

Seu parceiro de raciocínio: escrever, aprender, pesquisar e revisar. O trabalho de conhecimento do dia a dia.

02 · AGENTE NA PASTA

Claude Cowork

Você descreve o resultado, ele entrega pronto. Tarefas repetitivas executadas sozinho, sempre com a sua aprovação.

03 · AGENTE NO COMPUTADOR

Claude Code

Entende o projeto inteiro e cuida do trabalho pesado. No app, com acesso aos seus arquivos, executando de ponta a ponta.

CLAUDE NA PRÁTICA

01 · CONVERSA

Claude Chat.

Para questões do dia a dia.

O QUE É

A janela de conversa

No computador, no navegador ou no celular, seu parceiro de raciocínio: escrever, aprender, pesquisar e revisar. O uso diário, pra todo mundo.

PRA QUE SERVE

Produzir e pensar

Copy, e-mail, resumo, brainstorm, revisão de texto. O trabalho de escrita e raciocínio do dia a dia.

QUANDO VALE

Tarefa pontual

Quando é rápido e isolado: um texto, uma dúvida, um primeiro rascunho. Abre e usa.

CLAUDE NA PRÁTICA

01 · AGENTE NA PASTA

Claude Cowork.

Para trabalhos pontuais.

O QUE É

Agente autônomo

Projetos com memória, arquivos, skills e conexão com as ferramentas, mas limitado à pasta de trabalho e isolado em uma máquina virtual.

PRA QUE SERVE

Entregar pronto

Relatório, análise, lote de arquivos, planilha cruzada: ele pega a pasta, usa skills e conectores e entrega o resultado, pedindo aprovação no caminho.

QUANDO VALE

Objetivo específico

Trabalho baseado nos arquivos de uma pasta do computador, focado em um objetivo único e bem delimitado.

CLAUDE NA PRÁTICA

01 · AGENTE NO COMPUTADOR

Claude Code.

Não precisa ser dev.

O QUE É

Claude com superpoderes

Faz tudo que o Cowork faz, mas sem as limitações: roda direto no seu computador e com acesso aos seus arquivos. Você delega, ele trabalha.

PRA QUE SERVE

Tarefas reais

Organizar centenas de arquivos, cruzar planilhas, gerar relatórios, montar um site, automatizar o repetitivo.

QUANDO VALE

Projeto longo e amplo

Além de desenvolvimento, projetos longos que se estendem por várias sessões e várias frentes ao mesmo tempo.

CLAUDE NA PRÁTICA

01 · CONCEITO-CHAVE

Skills e MCPs
O Claude mais poderoso.

O QUE ELE SABE FAZER

Skills

No chat, a resposta é probabilística e muda a cada vez. Com uma skill, o comportamento é determinístico: segue um processo e entrega sempre igual.

  • Fazer uma análise baseada em um modelo de consultoria
  • Atualizar um dashboard
  • Montar planilha com um padrão definido e exportar PDF
A QUE ELE TEM ACESSO

MCP (Conectores)

A tomada que liga o Claude às suas ferramentas. Sem ela, ele só opina. Com ela, ele age onde o trabalho acontece.

  • Ler e escrever no Drive e no Gmail
  • Analisar uma campanha puxando os dados da Meta
  • Publicar um site na Vercel

Junte skills + conectores num pacote instalável e compartilhável: isso é um Plugin. O kit pronto que você instala de uma vez ou entrega pro time.

CLAUDE NA PRÁTICA

01 · TRÊS JEITOS DE PEDIR TRABALHO

Prompt, loop ou graph?

PROMPT · VOCÊ CONFERE

Pede e recebe

Manda a tarefa, recebe o resultado e a validação é sua. Ótimo pra tarefa curta e pontual. É como a maioria usa IA hoje.

COMO ATIVARSó digitar o pedido, no Chat, no Cowork ou no Code. Não tem comando: quem confere é você.

LOOP · O AGENTE CONFERE

Roda até ficar pronto

Raciocina, age, observa, avalia. Se não bateu o critério de pronto, volta e refaz. É assim que Cowork e Code trabalham por dentro.

COMO ATIVAR/loop + o pedido: o Claude Code repete, checa o critério de parada e para sozinho. Com intervalo (/loop 10m) vira rotina.

GRAPH · VÁRIOS LOOPS

Agentes em sequência

Cada nó é um agente com uma tarefa: um pesquisa, outro escreve, outro revisa. Reprovou na revisão? Volta. Pra processo longo com etapas diferentes.

COMO ATIVARPeça "use um workflow" ou escreva ultracode no pedido: ele monta o script com agentes em paralelo e em sequência. Acompanhe no painel de tarefas do app.

Um bom loop precisa de quatro coisas: objetivo claro, checagens, critério de parada e o contexto de cada volta.
E nome novo não te deixa pra trás: é o que você já faz, agora com vocabulário pra estudar.

CLAUDE NA PRÁTICA

01 · ONDE O CLAUDE JÁ MORA

Extensões. Claude dentro das suas ferramentas.

NAVEGADOR

Chrome

A extensão põe o Claude no navegador: lê a página, resume, preenche formulário e, desde agosto, roda sessões de Cowork com skills e plugins sem você trocar de aba.

PLANILHAS

Excel

Claude dentro da planilha. Cria fórmulas, analisa, limpa dados e explica o que cada aba faz, sem sair do Excel.

APRESENTAÇÕES

PowerPoint

Claude dentro do PowerPoint. Monta e edita slides a partir de um pedido, respeitando o template da sua marca.

CLAUDE NA PRÁTICA
02

Mão
na massa.

Chega de slide. Agora a gente instala o Claude Desktop, configura o Claude Code e liga o seu stack.

01Os 3 modos do Claude
02Mão na massa
03Síntese + desafio

02 · PASSO A PASSO

Instalar o Claude Desktop.

  • 01
    Baixe em claude.ai/download
    Versão pra Mac e Windows. Instala como qualquer aplicativo.
  • 02
    Entre com sua conta
    A mesma do claude.ai. Plano Pro ou Max libera mais uso e os recursos de Cowork.
  • 03
    Configure seu workspace
    Crie a pasta base do workspace e use uma sessão do Claude Code para configurar o resto.
  • 04
    Plugue suas ferramentas
    Conecte com suas ferramentas mais utilizadas, via conector ou MCP.
CLAUDE NA PRÁTICA

02 · CONFIGURAÇÃO

●ARQUIVO DE CONTEXTO · NA RAIZ

CLAUDE.md

O cérebro do projeto.

Um arquivo markdown que o Claude lê no início de cada sessão. Você dá o contexto uma vez e para de repetir o mesmo briefing a cada conversa.

CLAUDE.md LIDO SEMPRE
# Quem sou eu
Seu papel, o que é o projeto e o objetivo.
# Como me ajudar
Idioma, tom e o formato das entregas.
# Regras
O que sempre fazer e o que nunca fazer.
# Estrutura
Pastas, convenções e onde fica cada coisa.
CLAUDE NA PRÁTICA

02 · O PADRÃO DO WORKSPACE

Uma pasta
por contexto.

A marca num lugar só, um template pra abrir cliente ou projeto, e um CLAUDE.md em cada nível dando o contexto.

Arquivos que o Claude lê de contexto
Template: copiar e renomear pra escalar
Anotações (não vão no nome da pasta)
workspace-empresa PADRÃO
workspace-empresa/
├── CLAUDE.md                  ← contexto (quem somos, regras, padrões)
├── .env.example               ← modelo de credenciais
├── .gitignore
│
├── brand/                     ← fonte única de marca
│   ├── CLAUDE.md              ← regras visuais
│   ├── brand-voice.md         ← voz e tom (consultar antes de produzir)
│   ├── colors_and_type.css    ← tokens
│   └── logo-empresa.png
│
├── clientes/                  ← quem você atende
│   ├── _template/             ← ⭐ modelo p/ abrir cliente novo (copiar e renomear)
│   │   ├── briefing/
│   │   │   └── ficha-cliente.md
│   │   ├── planejamento/
│   │   └── docs/
│   ├── cliente-01/
│   └── cliente-02/
│
├── projetos/                  ← frentes internas (produto, campanha, evento)
│   ├── projeto-01/
│   └── projeto-02/
│
├── docs/                      ← propostas e apresentações finalizadas
└── .claude/                   ← skills/comandos automatizados + settings
CLAUDE NA PRÁTICA

02 · O CLAUDE COM TENTÁCULOS

Conectores
e plugins.

Cada conector é um tentáculo: liga o Claude a uma ferramenta que você já usa. Quanto mais plugado, mais ele faz por você sem trocar de janela.

Google & Microsoft  e-mail, agenda, documentos
Dev & deploy  Vercel · GitHub · Context7
Crawler  Apify · Firecrawl
Pesquisa  Perplexity
Gmail Calendar Drive Microsoft 365 Vercel GitHub Context7 Apify Firecrawl Perplexity Claude
CLAUDE NA PRÁTICA

02 · NÃO COMECE DO ZERO

●DIRETÓRIO ABERTO DE SKILLS

skills.sh

Skills pra qualquer necessidade.

Mais de um milhão de skills prontas, instaláveis com um comando. Em vez de criar do zero, busque pela sua necessidade e plugue no Claude.

skills.sh 1,3M+ SKILLS

CATEGORIAS

Marketing Conteúdo Design & UI Dados & planilhas Apresentações Pesquisa Workflows Testing
$ npx skills add <owner/repo>
CLAUDE NA PRÁTICA

02 · MARCA NO WORKSPACE

Claude Design.
A identidade visual da empresa.

O Claude Design cria peças visuais a partir de um pedido: deck, landing page, post, protótipo. E aprende um design system (cores, tipografia, componentes) que aplica em tudo que gera depois.

Pra quem não tem identidade fechada, é o atalho: descreva a empresa, suba o que já existe e itere na tela comentando em cima dos elementos. Exporta pra Canva, PDF, PPTX e HTML, ou entrega direto pro Claude Code.

O resultado vira a pasta brand/ do workspace: tokens de cor e tipografia, logo, voz e tom. A partir daí, todo deck, post e proposta sai no padrão, sem ninguém lembrar o hex do azul.

Como fazer

  1. 01

    Descreva a empresa

    O que faz, pra quem, como quer ser percebida. Suba logo, site e materiais atuais, se houver.

  2. 02

    Peça o design system

    Paleta, tipografia, componentes e três exemplos de peça. Ajuste comentando direto na tela.

  3. 03

    Leve pro workspace

    Handoff pro Claude Code ou exporte em HTML: vira brand/CLAUDE.md, tokens CSS e logo.

  4. 04

    Use em tudo

    Deck, post, proposta, LP. Mesma marca, sem retrabalho.
    Disponível no Pro, Max, Team e Enterprise, em preview.

CLAUDE NA PRÁTICA

02 · CLAUDE DESIGN POR DENTRO

Setup do design system.

Antes de gerar qualquer peça, o Claude Design pede três coisas. Tudo além do nome é opcional.

01
Nome e descrição da empresaUma frase: o que faz, pra quem, em que canais aparece.
02
O que já existeCódigo no GitHub ou na sua máquina, arquivo .fig do Figma, fontes, logos e assets. Ele lê e extrai cores, tipografia e componentes.
03
Notas de marcaPaleta, cantos, tom de voz. O que não está em arquivo nenhum, mas define a cara da empresa.
← BackContinue to generation →

Set up your design system

Tell us about your company and attach any design resources you have.

Company name and blurb (or name of design system)

e.g. Mission Impastabowl: fast-casual pasta restaurant with in-store touchscreen kiosk, mobile app and website

Provide examples of your design system and products (all optional)

What works best: code and designs for your design system and your code products.

Link code from GitHubhttps://github.com/owner/repoAdd
Link code from your computerDrag a folder here or browse
This doesn't upload the whole codebase; Claude will copy selected files. For large codebases, we recommend attaching a frontend-focused subfolder.
Upload a .fig fileDrop .fig here or browse
Parsed locally in your browser, never uploaded. Learn how to get a .fig file
Add fonts, logos and assetsDrag files here or browse

Any other notes?

e.g. We use a warm, earthy color palette with rounded corners. Our brand voice is playful but professional...
CLAUDE NA PRÁTICA

02 · O WORKSPACE FORA DO SEU COMPUTADOR

GitHub.
Backup e segundo cérebro.

Seu workspace é a memória da empresa com a IA.

Se mora só no seu computador, morre com o computador. No GitHub, num repositório privado, cada versão de cada arquivo fica guardada.

E vira segundo cérebro: o Claude lê o histórico (o que mudou, quando e por quê), se você conecta outro agente, outra conta ou outra pessoa do time, todo mundo acessa o mesmo contexto e você volta no tempo quando algo quebra.

Não precisa saber Git.
O Claude Code faz o commit e o push por você: "salva e sobe o que fizemos hoje". Você só cria a conta e o repositório.

Como fazer

  1. 01

    Crie a conta e um repositório privado

    github.com, plano gratuito. Privado: só quem você convidar vê.

  2. 02

    Conecte o GitHub ao Claude

    No app, no botão + ao lado da caixa de texto, escolha Conectores e ligue o GitHub: login pelo navegador, uma vez. Vale pro Chat, o Cowork e o Code. Na primeira PR, o app pede pra instalar o GitHub CLI e entrar na conta.

  3. 03

    Conecte o workspace

    Na pasta do workspace, peça ao Claude Code: "inicializa o git e conecta neste repositório".

  4. 04

    Salve em marcos

    Fim de tarefa, fim de dia: "commit e push". Cada salvamento é um ponto de restauração.

  5. 05

    Convide o time

    Colaboradores no repositório: mesmo CLAUDE.md, mesmas skills, mesmo histórico pra todos.

CLAUDE NA PRÁTICA

02 · DO ARQUIVO PRO LINK

Vercel.
Publique na internet.

A Vercel é onde o arquivo vira link.

Um dashboard em HTML, um relatório, uma landing page, um deck: sobe em segundos, com endereço próprio, sem servidor pra cuidar.

Cada publicação guarda histórico e gera link de preview. Dá pra usar domínio próprio e proteger o acesso com login pra material interno.

Este workshop está na Vercel.
Os decks que você está vendo foram publicados assim: pasta no computador, um pedido ao Claude Code, link no ar em segundos.

Como fazer

  1. 01

    Crie a conta

    Entre em vercel.com e crie uma conta (pode usar a do GitHub). O plano Hobby é gratuito pra uso pessoal.
    Uso comercial pede o Pro (US$ 20 por pessoa).

  2. 02

    Conecte ao Claude

    No app, botão +, Conectores, Vercel, login pelo navegador.
    Pra publicar, peça ao Claude Code: "instala e conecta o CLI da Vercel".

  3. 03

    Publique

    "Publica esse dashboard na Vercel."
    Sai um link em segundos, e cada nova versão vira um deploy, com histórico e volta atrás.

  4. 04

    Deixe automático

    Projeto ligado ao repositório do GitHub publica sozinho a cada salvamento. Se não estiver ligado, basta pedir ao Claude para atualizar.

CLAUDE NA PRÁTICA

02 · TRÊS DICAS PRA IR ALÉM

Rotinas, trabalho remoto e artefatos.

Rotinas

RODA SOZINHO, NO HORÁRIO

Uma instrução salva que dispara sozinha: todo dia às 9h, toda segunda, ou quando algo acontece no GitHub. Na nuvem, roda até com o computador desligado; local, roda com acesso aos seus arquivos.

COMO USARNo Code, barra lateral, Rotinas, Nova rotina: escolha Nuvem ou Local, escreva a instrução e o horário. Ou peça numa sessão: "cria uma rotina diária às 9h que resume os e-mails de ontem".

Trabalho remoto

SEU COMPUTADOR TRABALHA, VOCÊ ACOMPANHA

O Dispatch é uma conversa fixa no Cowork: você manda a tarefa pelo app do Claude no celular, ele abre uma sessão no seu computador e avisa quando termina ou precisa de aprovação. Arquivos e conectores continuam na sua máquina.

COMO USARNo app, aba Cowork, Dispatch: pareie o celular uma vez e mande a tarefa por mensagem. Pra continuar uma sessão já aberta pelo celular, o Remote Control gera link e QR code (/remote-control, no terminal ou VS Code).

Artefatos

UM LINK EM VEZ DE TEXTO

Uma página interativa que o Claude publica num link privado do claude.ai: dashboard, comparação de opções, checklist que se atualiza enquanto a tarefa roda. Guarda versões e pode puxar dados ao vivo dos conectores.

COMO USARPeça: "faz um artefato com os resultados da campanha, em gráfico". O link abre no navegador; compartilhe pelo botão Share (link público no Pro e Max, pro time no Team e Enterprise). Galeria em claude.ai/code/artifacts.

CLAUDE NA PRÁTICA
03

Síntese
+ desafio.

Quando puxar cada modo do Claude, e o que praticar até a próxima aula.

01Os 3 modos do Claude
02Mão na massa
03Síntese + desafio

00 · O QUE LEVAR

Três modos, uma regra simples.

CHAT

Questões do dia a dia

Pontual e rápido: pensar, escrever, revisar. Abra e use.

COWORK

Trabalho pontual

Objetivo específico numa pasta. Agente autônomo, na máquina virtual.

CODE

Projetos longos

Várias sessões e frentes, muitos arquivos. Você delega, ele trabalha.

A regra: configure o contexto uma vez (CLAUDE.md, skills e conectores) e deixe a tarefa escolher o modo.

CLAUDE NA PRÁTICA

03 · DESAFIO

Seu desafio.

  • 01
    Terminem o workspace
    Finalizem a pasta base e o CLAUDE.md de cada frente.
  • 02
    Conectem as ferramentas
    Plugem os conectores que vocês mais usam no dia a dia.
  • 03
    Instalem skills
    Busquem no skills.sh o que resolve a sua rotina.
  • 04
    Subam o workspace pro GitHub
    Repositório privado, conectado ao app. Fim de dia: "commit e push".
  • 05
    Usem no dia a dia
    O segredo é começar a rodar de verdade, em tarefas reais.

Depois, a gente marca uma sessão só de tira-dúvidas pra destravar o que travar.

CLAUDE NA PRÁTICA

NA PRÓXIMA AULA

Hora dos
agentes.

O Claude está montado. Agora vamos entrar no mundo dos agentes: rodam sozinhos, conversam pelo chat e executam as rotinas da empresa.

AGENTES · ROTINAS DA EMPRESA HERMES · INSTALAÇÃO E USO GROK BOT · INSTALAÇÃO E USO
CLAUDE NA PRÁTICA