Biblioteca Ás / Guia prático gratuito
EDIÇÃO 01 — 2026Seu Claude Code.
Melhor equipado.
As cinco ferramentas do vídeo, com comandos, notas de configuração e um teste para saber se cada uma está no caminho certo.
Abrir o guiaSeu mapa de instalação
Escolha um problema. Comece por ele.
Antes do primeiro comando
Prepare o terreno.
uma mudança por vez.
O vídeo chama o conjunto de “plugins”, mas há plugins, uma CLI e camadas de conexão. Eles não precisam ser instalados juntos.
- Claude Code funcionando. Tenha o aplicativo instalado, autenticado e um projeto de teste aberto.
- Terminal ≠ conversa. Blocos “Terminal” vão no shell do computador. Comandos /plugin vão dentro do Claude Code, não no chat comum do Claude.
- Uma cópia de segurança. Salve o estado do projeto e revise permissões e configurações antes de mudar algo.
- Gratuito não é custo zero. Este guia é gratuito. Modelos, APIs e planos de terceiros podem cobrar pelo uso.
- Dados com destino. Provedores externos podem receber prompts e trechos de arquivos. Nunca use segredos ou dados de clientes no primeiro teste.
Mais caminhos. Não uso infinito.
Um ponto de conexão entre seu agente e diferentes provedores. Serve para organizar modelos e rotas alternativas quando uma opção está indisponível.
npm install -g omniroute
omnirouteomniroute run claudeConfigure antes de seguir
- Use Node.js 24 LTS. O projeto também aceita 22.22.2 até antes da versão 23 e versões 24 a 26.
- Com o primeiro terminal aberto, acesse http://localhost:20128. Configure seus provedores, credenciais e modelos no painel. Confira as cotas e as regras de cada conta.
- O segundo comando inicia o Claude com a conexão do OmniRoute. A integração injeta ANTHROPIC_BASE_URL e autenticação; não cole uma URL OpenAI /v1 arbitrariamente nas configurações do Claude.
- Configure uma rota alternativa antes de depender dela. Valide no painel qual provedor recebeu a chamada.
Trocar de modelo pode mudar qualidade e comportamento. Cotas continuam existindo. Prompts são enviados ao provedor escolhido; não exponha o painel à internet.
Teste simples / dentro do Claude
Responda apenas: conexão funcionando. Não leia nem altere arquivos.
O que observar: Confira no painel do OmniRoute se essa requisição passou pela rota e pelo modelo esperados. A resposta sozinha não prova o roteamento.
Menos cara de template. Mais intenção.
Uma skill de direção visual para orientar decisões de tipografia, composição e identidade. Ela ajuda o Claude a construir interfaces; não substitui um briefing nem a revisão de quem vai usar.
/plugin install frontend-design@claude-plugins-officialConfigure antes de seguir
- Abra o Claude Code dentro de uma cópia de trabalho do seu projeto.
- Execute o comando e confira a instalação em /plugin. Se o catálogo não aparecer, abra Discover e procure o marketplace oficial da Anthropic.
- Informe público, objetivo, identidade da marca e referências. Peça que preserve o design system existente antes de alterar a interface.
Bom resultado depende de contexto e revisão. Confira contraste, legibilidade, versão mobile e consistência com sua marca — não apenas a aparência do primeiro rascunho.
Teste simples / dentro do Claude
Use frontend-design para propor uma página de contato seguindo o design system deste projeto. Explique a hierarquia visual e os cuidados de acessibilidade antes de implementar.
O que observar: Confira se a skill aparece instalada em /plugin e se a proposta cita decisões específicas da sua marca, não só adjetivos genéricos.
Reduza o excesso. Meça o efeito.
Uma camada que pode comprimir o contexto enviado ao modelo. É útil para investigar volume de tokens em saídas extensas de ferramentas e conversas — sem tratar economia como garantia.
pip install "headroom-ai[all]"
headroom wrap claudeheadroom doctorConfigure antes de seguir
- Use Python 3.10 ou superior em um ambiente virtual; Python 3.13 é uma opção indicada na instalação oficial. Confirme que pip pertence a esse ambiente.
- Execute o wrapper na pasta do projeto. Ele inicia o proxy e abre o agente com o tráfego direcionado por ele. Pode instalar dependências e integrar o Serena ao projeto.
- Mantenha o terminal aberto. Observe as métricas e os registros apresentados pelo Headroom. Para desfazer a integração, consulte headroom unwrap claude na documentação.
Compressão pode alterar respostas. Compare qualidade, tokens e custo real numa tarefa repetível. Um proxy local não significa que os prompts deixam de ir ao provedor. Não combine com OmniRoute sem entender o caminho das requisições.
Teste simples / dentro do Claude
Leia apenas o README deste projeto e resuma os três passos para executá-lo. Não altere arquivos.
O que observar: Confirme que a requisição aparece no proxy. Compare com a mesma tarefa sem o wrapper; textos curtos podem não gerar redução relevante.
Retome decisões. Sem começar do zero.
O claude-mem registra observações de trabalho e produz resumos que podem voltar como contexto em sessões futuras. Memória útil precisa de seleção, revisão e cuidado com o que fica armazenado.
/plugin marketplace add thedotmack/claude-mem
/plugin install claude-memConfigure antes de seguir
- Tenha Node.js 20 ou superior e Claude Code com suporte a plugins. A instalação pode adicionar Bun e uv se estiverem ausentes.
- Depois de instalar, reinicie o Claude Code. O plugin usa hooks (ações ligadas à sessão) e um serviço local; não basta instalar o pacote npm global.
- Revise ~/.claude-mem/settings.json: modelo de processamento, local dos dados e contexto reinserido. Leia as opções de privacidade antes de usar dados de clientes.
- Faça o primeiro teste com um projeto sem informações sensíveis. Armazenamento local não elimina o envio de conteúdo ao modelo usado para processá-lo.
Sobre o nome: o guia de referência chama claude-mem de “memory palace”; o vídeo diz “Mem-palace”. Aqui instalamos claude-mem. MemPalace é outro projeto, com instalação e funcionamento próprios — não são nomes intercambiáveis.
Conhecer o outro projeto: MemPalace ↗Teste simples / dentro do Claude
Leia o README e registre a decisão de teste: neste projeto, a cor de destaque será azul. Não altere arquivos. Depois, em uma nova sessão, procure essa decisão na memória e informe a fonte.
O que observar: Confira se há observações no serviço local e se a nova sessão recupera a decisão correta. Não confunda uma resposta inventada com memória registrada.
Não basta construir. Abra e teste.
Ferramentas para o agente navegar, clicar e inspecionar uma página em um navegador controlado. Aqui usamos Playwright CLI com skills, não uma instalação de Playwright MCP.
npm install -g @playwright/cli@latest
playwright-cli --helpplaywright-cli install --skillsConfigure antes de seguir
- Use Node.js 20 ou superior como base conservadora. Confira também os requisitos da versão instalada.
- Execute a instalação das skills na raiz do projeto em que o Claude vai trabalhar; confirme os arquivos locais em .claude/skills.
- Abra o Claude nessa pasta e informe a URL exata do seu servidor local. Se faltar um navegador, siga a orientação de instalação exibida pela CLI.
- Use uma sessão isolada, sem seu perfil pessoal. Revise ações antes de enviar formulários, publicar conteúdo ou alterar dados.
O agente controla o navegador que a ferramenta abre; não passa a enxergar toda a sua tela. Screenshot não é teste completo: verifique comportamento, teclado, erros e diferentes larguras.
Teste simples / dentro do Claude
Use a skill do Playwright CLI para abrir a URL local que vou informar. Teste a navegação por teclado e os links em 390 px e 1440 px. Salve screenshots e relate falhas. Não envie formulários.
O que observar: Abra os screenshots salvos e confira o relatório. Exija evidências das interações, não apenas a frase “está funcionando”.
Sua primeira sessão
Não instale tudo.
Instale o que falta.
- Comece pelo visível. Frontend Design para orientar a interface; Playwright para conferir o que foi construído.
- Depois, preserve contexto. Teste claude-mem com informações sem risco e confirme a recuperação em outra sessão.
- Só então, mexa no tráfego. Experimente OmniRoute ou Headroom separadamente. Entenda autenticação, destino dos dados e custo antes de combinar camadas.
ferramenta não é estratégia.
O próximo passo é
um problema real.
Quer transformar um problema recorrente da sua operação em um sistema que você consegue usar e manter? Conheça o acompanhamento Ás.
Conhecer o acompanhamento