Biblioteca

Chrome DevTools MCP: como conectar o Claude Code pra debugar frontend em tempo real

Configure o chrome-devtools-mcp oficial no Claude Code pra editar componentes, tirar screenshot e rodar trace de performance direto do agente, sem sair do terminal.

Como bloquear comandos perigosos no Claude Code com hooks

O Claude Code roda comando de terminal sozinho — e às vezes ele é destrutivo. Veja como usar hooks (PreToolUse) pra bloquear rm -rf perigoso antes de rodar, com script Python testado e pronto pra baixar.

Agent Plugins 1.0: o padrão cross-tool que empacota SKILL.md — mas sem a Anthropic dentro

Amazon, Cursor, Microsoft, OpenAI e Vercel lançaram um formato de pacote pra instalar Agent Skills e MCP em vários clientes de uma vez — só que o Claude Code não fala esse idioma. Veja a diferença entre Agent Skills (o arquivo, criado pela Anthropic) e Agent Plugins (o pacote, sem ela) antes de tentar instalar algo incompatível.

Montando um agente de verdade: Skills e MCP juntos

Skills prontas da Anthropic: o que já vem de fábrica

Skills via API: criando, versionando e anexando programaticamente

MCP seguro: OAuth 2.1, PKCE e autorização em produção

Skills avançadas: revisão de código, segurança e automação

Pra quem constroi produtos de verdade: como usar Skills pra pegar bug antes do PR, fechar brecha de seguranca antes do deploy, e automatizar configuracao repetitiva.

MCP na prática: conectando suas ferramentas à IA passo a passo

Um passo a passo real de como configurar servidores MCP: JSON de configuracao, credenciais com seguranca, como testar se funcionou, e os erros mais comuns.

Skills de design e conteúdo visual: crie artes, apresentações e gráficos com IA

Boa parte do design e decisao (paleta, tipografia, hierarquia), nao execucao manual. Veja o que da pra pedir pra IA e como aplicar criterio de verdade no resultado.

Pack essencial: as skills mais usadas no dia a dia

As Skills que mais valem a pena ter sempre a mao, cobrindo os pedidos mais comuns do dia a dia: documentos, planilhas, apresentacoes e revisao de codigo.

MCP: o que é o Model Context Protocol e por que toda IA vai depender disso

O "USB-C" das ferramentas de IA. Entenda por que o MCP virou o jeito padrão de conectar a Claude a sistemas, dados e ferramentas externas.

O que são Skills da Claude (e por que isso muda como você trabalha)

Um recurso simples que transforma a Claude numa especialista em qualquer tarefa que você repete. Entenda o que são Skills, como funcionam por baixo dos panos e por que isso muda o jogo.

Pack de Landing Pages — Projetos prontos para acelerar seu desenvolvimento

O Pack de Landing Pages — Dev Pelo Futuro reúne diversos projetos prontos em diferentes nichos, como fotografia, joalheria, nutrição, gastronomia e negócios locais. São modelos com estilos modernos e variados para você estudar estruturas, layouts, cores, seções e formas de apresentação. Ideal para quem quer praticar desenvolvimento web, acelerar novos projetos e ter referências profissionais de Landing Pages em um só lugar.

Training Club — Landing Page Fitness

Descrição Projeto completo de uma landing page para o Training Club, desenvolvido com uma identidade visual forte e moderna voltada ao universo fitness. O site utiliza uma estética premium em preto e amarelo, imagens de alto impacto e uma navegação focada em apresentar a academia de forma dinâmica e profissional. Neste módulo, você poderá visualizar o site em funcionamento e o vídeo demonstrativo do projeto, explorando elementos como: Hero section de alto impacto; apresentação dos diferenciais da academia; áreas e modalidades de treinamento; galeria visual; planos e memberships; localização e informações da unidade; animações, transições e interações durante a navegação; composição visual responsiva e moderna. O projeto mostra como design, hierarquia visual, imagens e movimento podem ser combinados para criar uma experiência digital mais envolvente para uma marca fitness.