• Trilha
  • Explorar
  • Minha área

Explorar

Tudo o que o Career Gap indica, aberto. Estude o que quiser; as marcas só dizem o que vale agora e o que pode esperar.

Conteúdos 251Ferramentas 19Hábitos 30Pessoas 13

Cada uma no momento em que deixa de ser muleta e passa a ser alavanca, e cada uma diz como se passa a tê-la: se já vem no computador, se é conta, programa, dependência do projeto ou plugin do Claude Code. Nada aqui é obrigatório. As de IA se instalam juntas, com um comando.

  • VS Code (abre em nova aba)editor

    Editor de código onde você vai passar a maior parte do tempo.

    Gratuito, leve e com interface em português. Aprender bem um editor só rende mais do que pular entre vários (O Programador Pragmático, dica 22).

    Desde o primeiro dia.

    Como ter · programa para instalar

    Baixe em code.visualstudio.com e instale como qualquer programa; na primeira abertura, troque o idioma para português em Extensões.

    docs inglêsgrátis
  • Git (abre em nova aba)versionamento

    Guarda o histórico do seu código e deixa você voltar atrás.

    Desde o primeiro exercício: o histórico é o que deixa errar sem medo. O livro oficial tem tradução completa em português.

    Desde o primeiro dia.

    Como ter · programa para instalar

    No Windows e no Mac, baixe em git-scm.com e instale com as opções padrão; no Linux, pelo gerenciador de pacotes. Confira com git --version.

    git --version
    docs pt-BRgrátis
  • Node.js (abre em nova aba)editor

    Roda JavaScript fora do navegador e traz o npm, que instala as dependências de um projeto.

    Quase todo comando "npm install" e "npx" desta lista precisa dele. Faz sentido quando você já escreve JavaScript; antes disso, o navegador basta.

    Faz mais sentido depois de: JavaScript essencial (com apoio)

    Como ter · programa para instalar

    Baixe a versão LTS em nodejs.org e instale com as opções padrão. Depois, num terminal novo, confira.

    node --version && npm --version
    docs pt-BR parcialgrátis
  • DevTools do navegador (abre em nova aba)navegador

    Inspeciona HTML, CSS, rede e JavaScript da página que está aberta.

    Assim que você escreve a primeira página, é por aqui que você enxerga o que o navegador fez com ela.

    Faz mais sentido depois de: HTML semântico (com apoio)

    Como ter · já vem no computador

    Já está no seu navegador: aperte F12, ou clique com o botão direito na página e escolha Inspecionar.

    docs pt-BRgrátis
  • curl (abre em nova aba)HTTP

    Faz requisições HTTP direto do terminal e mostra a resposta crua.

    Depois que você entende o que é status e corpo, o curl tira o navegador do caminho e mostra a conversa como ela é.

    Faz mais sentido depois de: Fundamentos de HTTP (com apoio)

    Como ter · já vem no computador

    Já vem no macOS, no Linux e no Windows 10 em diante: abra o terminal e confira.

    curl --version
    docs inglêsgrátis
  • GitHub (abre em nova aba)versionamento

    Guarda seus repositórios na nuvem; é onde ficam portfólio, pull requests e revisão.

    Faz sentido quando o Git local já está claro: o GitHub acrescenta colaboração, não substitui entender commit e histórico.

    Faz mais sentido depois de: Controle de versão com Git (com apoio)

    Como ter · conta gratuita

    Crie uma conta gratuita em github.com; não há nada para instalar. O Git da sua máquina conversa com ela.

    docs pt-BRgrátis
  • Prettier (abre em nova aba)qualidade

    Formata o código automaticamente, sempre do mesmo jeito.

    Tira a formatação da discussão e do seu esforço. Entra junto com o JavaScript, antes de você se acostumar a formatar na mão.

    Faz mais sentido depois de: JavaScript essencial (com apoio)

    Como ter · dependência do projeto

    Entra no projeto, não no computador: rode na pasta do projeto e ligue “formatar ao salvar” no editor.

    npm install -D prettier
    docs inglêsgrátis
  • ESLint (abre em nova aba)qualidade

    Aponta erros e práticas arriscadas no JavaScript antes de rodar.

    Funciona como um revisor incansável — mas só ajuda quem já sabe ler o aviso e decidir se ele procede.

    Faz mais sentido depois de: JavaScript essencial (com apoio) · Legibilidade de código (com apoio)

    Como ter · dependência do projeto

    Entra no projeto: o comando faz as perguntas e cria o arquivo de configuração.

    npm init @eslint/config@latest
    docs inglêsgrátis
  • Husky (hook de pre-commit) (abre em nova aba)qualidade

    Roda testes e verificações automaticamente antes de cada commit.

    Transforma "não tolere janelas quebradas" em regra que a máquina cumpre. Pressupõe ter testes para rodar e commits para proteger.

    Faz mais sentido depois de: Testes automatizados (com apoio) · Controle de versão com Git (com apoio)

    Como ter · dependência do projeto

    Entra no projeto e cria a pasta .husky; o lint e os testes passam a rodar antes de cada commit.

    npm install -D husky && npx husky init
    docs inglêsgrátis
  • GitHub Actions (abre em nova aba)entrega

    Roda seus testes a cada push e pode publicar a aplicação automaticamente.

    Integração contínua de verdade: o projeto é verificado em outra máquina, não só na sua. Exige testes e um fluxo de Git já firme.

    Faz mais sentido depois de: Testes automatizados (com apoio) · Controle de versão com Git (sozinho)

    Como ter · arquivo no repositório

    Nada para instalar: um arquivo .github/workflows/ci.yml no repositório, e o GitHub roda a cada envio.

    docs pt-BRgratuito para repositórios públicos
  • Claude Code (abre em nova aba)IA

    O agente de IA no terminal que lê o seu projeto, edita arquivos e roda comandos; é onde os plugins e as skills desta lista entram.

    É o que o autor usa no trabalho. Depois de fundamentos e depuração, pelo mesmo motivo do assistente no editor: quem não depura não confere o que a IA fez. Exige assinatura paga.

    Faz mais sentido depois de: Fundamentos de programação (com apoio) · Depuração (com apoio)

    Como ter · programa para instalar

    No macOS, Linux e WSL, o comando abaixo instala; no Windows sem WSL, use o PowerShell: irm https://claude.ai/install.ps1 | iex. Depois, abra um terminal novo e rode claude para entrar.

    curl -fsSL https://claude.ai/install.sh | bash
    docs inglêsassinatura Claude (Pro ou acima) ou créditos de APImuda rápido · conferido em out. de 2026
  • Assistente de código no editor (abre em nova aba)IA

    Sugere e completa código dentro do editor — o GitHub Copilot é o exemplo com documentação em português.

    Só depois de fundamentos e depuração: quem ainda não depura não consegue verificar o que a IA gera, e foi justamente em depuração que o ensaio da Anthropic mediu a maior perda.

    Faz mais sentido depois de: Fundamentos de programação (com apoio) · Depuração (com apoio)

    Como ter · programa para instalar

    Extensão do editor: no VS Code, procure GitHub Copilot em Extensões e entre com a conta do GitHub.

    docs pt-BRplano gratuito com limite de uso; planos pagos à partemuda rápido · conferido em out. de 2026
  • Context7 (servidor MCP) (abre em nova aba)IA

    Entrega ao assistente de IA a documentação atual da biblioteca que você está usando.

    Corta a resposta baseada em versão velha. Faz sentido para quem já prefere a documentação oficial e já usa assistente com critério.

    Faz mais sentido depois de: Leitura de documentação (com apoio) · Desenvolvimento assistido por IA (com apoio)

    Como ter · plugin do Claude Code

    Plugin do Claude Code, do marketplace oficial. Com o kit essencial instalado ele já vem junto.

    claude plugin install context7@claude-plugins-official --scope user
    docs inglêsgrátismuda rápido · conferido em out. de 2026
  • ai-memory (memória entre sessões e agentes) (abre em nova aba)IA

    Guarda o que você e o assistente fizeram em cada sessão e abre a próxima com um "de onde paramos", no Claude Code, Codex, Cursor, Gemini CLI e outros.

    Projeto aberto do Fabio Akita (MIT). Hooks capturam a sessão, um servidor compila tudo em páginas Markdown versionadas no Git do projeto e indexa em SQLite, sem chamar modelo nenhum por padrão. Resolve o chat que esquece tudo e a troca de agente no meio da tarefa. Rende para quem já versiona com Git e já usa assistente com critério.

    Faz mais sentido depois de: Controle de versão com Git (com apoio) · Desenvolvimento assistido por IA (com apoio)

    Como ter · programa para instalar

    Linux e macOS: o instalador oficial e depois "ai-memory setup", que liga os hooks nos agentes que você usa. Windows: PowerShell com o install.ps1 da mesma página. Também há AUR e Docker.

    curl -fsSL https://github.com/akitaonrails/ai-memory/releases/latest/download/install.sh | sh && ai-memory setup
    docs pt-BR parcialgrátismuda rápido · conferido em out. de 2026
  • Impeccable (skill de design) (abre em nova aba)IA

    Skill para o agente de IA auditar e lapidar interface: contraste, hierarquia, estados, responsivo e os clichês de UI gerada.

    Só rende para quem já monta uma página e sabe o que é layout bom: a skill aponta o que falta, não substitui o olho. É o que este site usa para se auditar.

    Faz mais sentido depois de: CSS: estilo e layout (com apoio) · Desenvolvimento assistido por IA (com apoio)

    Como ter · plugin do Claude Code

    Plugin do Claude Code, do marketplace do autor. Depois, rode /impeccable init no seu projeto.

    claude plugin marketplace add pbakaus/impeccable && claude plugin install impeccable@impeccable --scope user
    docs inglêsgrátismuda rápido · conferido em out. de 2026
  • Kit de trabalho com IA (abre em nova aba)IA

    Regras de código, testes e git carregadas em toda sessão do assistente, mais as skills de PR, depuração e decisão e um agente revisor.

    É a forma de trabalhar do autor deste site, reescrita para qualquer stack: o assistente faz a menor mudança, mostra o que rodou e pede aprovação antes de apagar ou publicar. Pede alguém que já versiona e já usa assistente com critério, senão as regras não têm o que guiar.

    Faz mais sentido depois de: Controle de versão com Git (com apoio) · Desenvolvimento assistido por IA (com apoio)

    Como ter · plugin do Claude Code

    Um comando no terminal lista o kit e as skills, pergunta o que você quer e instala só isso. Precisa do Claude Code; no Windows, rode no WSL ou no Git Bash.

    bash <(curl -fsSL https://raw.githubusercontent.com/EnzoAraujoDuarte/kit-career-gap/main/install.sh)
    docs pt-BRgrátismuda rápido · conferido em out. de 2026
  • AGENTS.md (abre em nova aba)IA

    Arquivo de instruções do projeto que os agentes de IA leem: convenções, como testar, o que evitar.

    É documentação de projeto que também serve à IA — padrão aberto, aceito por várias ferramentas. Escrever um bom exige saber comunicar as próprias regras.

    Faz mais sentido depois de: Desenvolvimento assistido por IA (com apoio) · Comunicação técnica (com apoio)

    Como ter · arquivo no repositório

    Um arquivo AGENTS.md na raiz do seu projeto, escrito por você; o kit traz um modelo pronto para preencher.

    docs inglêsgrátismuda rápido · conferido em out. de 2026
  • superpowers (skills e método) (abre em nova aba)IA

    Biblioteca de skills e um método de trabalho para o agente: brainstorming antes de codar, teste primeiro, depuração sistemática, planos.

    É o método que torna o assistente previsível: ele pergunta, planeja e testa antes de escrever. Só faz sentido para quem já sabe o que é um bom teste e já depura sozinho.

    Faz mais sentido depois de: Desenvolvimento assistido por IA (com apoio) · Testes automatizados (com apoio)

    Como ter · plugin do Claude Code

    Plugin do Claude Code, do marketplace oficial.

    claude plugin install superpowers@claude-plugins-official --scope user
    docs inglêsgrátismuda rápido · conferido em out. de 2026
  • Skills da Anthropic (abre em nova aba)IA

    Instruções reutilizáveis que ensinam o agente a fazer uma tarefa do seu jeito: frontend-design para interface com personalidade, skill-creator para escrever as suas, e as de documento.

    Uma skill de teste ou de revisão só presta se você sabe como é um bom teste e uma boa revisão. Por isso vem depois de testes — e é o passo para o seu kit pessoal.

    Faz mais sentido depois de: Desenvolvimento assistido por IA (com apoio) · Testes automatizados (com apoio)

    Como ter · plugin do Claude Code

    Cada skill é um plugin do marketplace oficial do Claude Code; as duas mais úteis para começar vão no comando.

    claude plugin install frontend-design@claude-plugins-official --scope user && claude plugin install skill-creator@claude-plugins-official --scope user
    docs inglêsgrátismuda rápido · conferido em out. de 2026