<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Captain</title>
    <description>The latest articles on DEV Community by Captain (@captaincc).</description>
    <link>https://dev.to/captaincc</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3754387%2F326e5299-07d0-4fb4-a820-ee206e69dd34.png</url>
      <title>DEV Community: Captain</title>
      <link>https://dev.to/captaincc</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/captaincc"/>
    <language>en</language>
    <item>
      <title>Build with TRAE @ São Paulo: Muito além do demo, veja como os devs dominam o TRAE SOLO</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Thu, 26 Mar 2026 02:40:22 +0000</pubDate>
      <link>https://dev.to/captaincc/build-with-trae-sao-paulo-muito-alem-do-demo-veja-como-os-devs-dominam-o-trae-solo-3hmm</link>
      <guid>https://dev.to/captaincc/build-with-trae-sao-paulo-muito-alem-do-demo-veja-como-os-devs-dominam-o-trae-solo-3hmm</guid>
      <description>&lt;p&gt;No dia 22 de março, o Infinity Tower — icônico escritório da ByteDance em São Paulo — abriu suas portas para um grupo especial de "geeks": os pioneiros do &lt;em&gt;Build with TRAE @ São Paulo&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw1cs5pqfwu7anh9s3v9d.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fw1cs5pqfwu7anh9s3v9d.png" alt=" " width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A missão? Debater o futuro da programação com IA e encontrar, colocando a mão na massa com o TRAE, o "bilhete de entrada" definitivo para a Era dos Agentes.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fla2skrmd1rc3briz8kcb.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fla2skrmd1rc3briz8kcb.jpeg" alt=" " width="800" height="1066"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Visão e Estratégia&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;O clima do evento já começou lá em cima! Quem abriu os trabalhos foi o Captain (Bin Zhang), &lt;strong&gt;líder do TRAE para o mercado brasileiro&lt;/strong&gt;, apresentando a trajetória de crescimento global da ferramenta neste último ano e a visão para o ecossistema de programação assistida por IA.&lt;br&gt;
Logo depois, três TRAE Fellows subiram ao palco para entregar muito conteúdo de valor. Baseados em suas próprias vivências, eles compartilharam na prática sobre lógica de produto, design e engenharia de agentes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Bianca — "Da ideia ao produto: usando o TRAE para planejar, projetar e entregar"&lt;/strong&gt; &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Com sua visão de especialista de produto, Bianca mostrou como "costurar" a IA em toda a esteira de design. Ela trouxe a metodologia "MD Pai" pro jogo: usar arquivos Markdown estruturados para dar o contexto exato de negócios para a IA. O grande destaque? Com o Modo Solo do TRAE, PMs e designers podem gerar código de ponta e validar hipóteses num piscar de olhos, &lt;strong&gt;zerando a distância entre a ideia genial e o produto no ar.&lt;/strong&gt; &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flwqyoy2p8xh45dqzj3d3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flwqyoy2p8xh45dqzj3d3.png" alt=" " width="800" height="668"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Luiz — "Validação de MVP na Prática: Colocando a Ideia à Frente do Código"&lt;/strong&gt; &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Usando o &lt;em&gt;e-Autismo&lt;/em&gt; — &lt;strong&gt;seu projeto incrível voltado para crianças autistas&lt;/strong&gt; — Luiz aplicou o "Círculo Dourado" da inovação: entenda o "porquê" antes de codar o "como". Ele mostrou na prática como usar o Modo Solo do TRAE plugado em APIs externas para construir e validar um MVP no mercado em questão de horas.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;David — "Do copiloto ao sistema operacional: Como construir engenharia para a era dos agentes"&lt;/strong&gt; &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;David dissecou o "shift" de paradigma que estamos vivendo: a transição do autocompletar para a orquestração autônoma. Ele mandou a real: o gargalo agora não é mais "escrever código", e sim "garantir a qualidade". A dica de ouro foi criar a figura do &lt;em&gt;AI Champion&lt;/em&gt; e automatizar o CI/CD para segurar &lt;strong&gt;a estabilidade e a segurança&lt;/strong&gt; de sistemas que rodam com IA.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fght4jnpsn2mrxxdql9vs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fght4jnpsn2mrxxdql9vs.png" alt=" " width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;🚀 Hackathon: Criatividade sem limites rodando no TRAE&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;Em questão de poucas horas, 17 equipes exploraram todos os recursos do TRAE para desenvolver projetos inovadores, totalmente focados na realidade do mercado brasileiro. Confira os grandes destaques desta maratona:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Projeto&lt;/th&gt;
&lt;th&gt;Funcionalidade e Diferencial&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Alpha Terminal&lt;/td&gt;
&lt;td&gt;Ferramenta de pesquisa de mercado que varre códigos de empresas para achar oportunidades de SaaS.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Safe Path&lt;/td&gt;
&lt;td&gt;Planejador de rotas baseado em dados oficiais de segurança pública de São Paulo.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Service Quote&lt;/td&gt;
&lt;td&gt;Assistente para profissionais liberais: transforma áudio em orçamentos PDF formais via WhatsApp.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Aposenta+&lt;/td&gt;
&lt;td&gt;App gamificado de previdência baseado no Tesouro Renda+.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;e-Autismo (CeuPin)&lt;/td&gt;
&lt;td&gt;Plataforma filantrópica para pais de crianças autistas encontrarem tratamento e suporte.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;TikTok Shop Assistant&lt;/td&gt;
&lt;td&gt;Gerador automático de roteiros e vídeos curtos para vendedores.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Eye Check&lt;/td&gt;
&lt;td&gt;Pré-triagem de visão com avaliação de risco e autoteste para usuários frequentes de telas.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;CV Generator&lt;/td&gt;
&lt;td&gt;Ajusta currículos automaticamente com base nos requisitos de cada vaga.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Reputation Score&lt;/td&gt;
&lt;td&gt;Analisa dados do LinkedIn para quantificar a pontuação ESG e reputação de empresas.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Smart Locker&lt;/td&gt;
&lt;td&gt;Sistema de gestão de entregas logísticas com validação por token.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Show You Up&lt;/td&gt;
&lt;td&gt;Ferramenta social para festivais: votação em grupo para definir o line-up e gerar pôsteres artísticos.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F03xb4uhuxe9yd4oik4bm.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F03xb4uhuxe9yd4oik4bm.jpeg" alt=" " width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;O Impacto no Ecossistema&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;O veredito da galera foi unânime: o poder do &lt;em&gt;TRAE Solo Mode&lt;/em&gt; de quebrar tarefas complexas e sacar todo o contexto do projeto ajudou a derrubar as barreiras técnicas de sempre. O resultado? Ideias que estavam só no papel viraram protótipos rodando liso em tempo recorde.&lt;br&gt;
Mais do que apresentar um novo jeito de codar pro mercado brasileiro, o &lt;em&gt;Build with TRAE @ São Paulo&lt;/em&gt; plantou a semente de uma comunidade dev super engajada na América Latina. O que vem por aí? O TRAE segue com a missão de conectar talentos do mundo todo e explorar o próximo nível na criação de Agentes, escalando o uso de IA em todas as indústrias.&lt;/p&gt;

&lt;p&gt;📸 Clique no link abaixo para ler o recap completo e conferir mais fotos do evento:&lt;a href="https://apaas.aiforce.cloud/spark/faas/app_4jt1c6d2ah8jw" rel="noopener noreferrer"&gt;https://apaas.aiforce.cloud/spark/faas/app_4jt1c6d2ah8jw&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
    <item>
      <title>As 6 habilidades mais requisitadas para Product Managers</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Wed, 25 Mar 2026 06:18:52 +0000</pubDate>
      <link>https://dev.to/captaincc/as-6-habilidades-mais-requisitadas-para-product-managers-268p</link>
      <guid>https://dev.to/captaincc/as-6-habilidades-mais-requisitadas-para-product-managers-268p</guid>
      <description>&lt;p&gt;A incubação de um produto do 0 ao 1, seguida de sua iteração e evolução contínua, é um processo sistêmico que exige a colaboração de múltiplos papéis. Além do time de desenvolvimento, profissionais de Produto (PMs), Operações, Análise de Dados e Design de UI/UX estão profundamente envolvidos. Em nossas interações diárias com usuários do &lt;strong&gt;TRAE&lt;/strong&gt;, percebemos que cada vez mais Product Managers estão integrando o TRAE IDE ao seu fluxo de trabalho.&lt;br&gt;
Com base nisso, selecionamos 6 &lt;strong&gt;Skills&lt;/strong&gt; populares voltadas para cenários de Gestão de Produto, cobrindo todo o ciclo — desde o design da solução e detalhamento da implementação até o rastreamento de dados pós-lançamento — para ajudar PMs a aumentarem sua eficiência em cada etapa crítica.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Brainstorming de Soluções
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  brainstorming&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  obra (superpowers)&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/obra/superpowers" rel="noopener noreferrer"&gt;https://github.com/obra/superpowers&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Esta Skill ajuda a transformar ideias vagas em planos de design claros por meio de um diálogo estruturado. Utilizando uma abordagem de "uma pergunta por vez", ela atua como um consultor de produto sênior para esclarecer requisitos, propor 2-3 soluções viáveis com recomendações fundamentadas e, por fim, gerar um documento de design completo, incluindo arquitetura, fluxo de dados e estratégia de testes.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add obra/superpowers --skill brainstorming&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Refinamento de novas funcionalidades:&lt;/strong&gt;  Antes de escrever o PRD, use o diálogo para expandir ideias e convergir em uma solução.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Redesign de processos de negócio:&lt;/strong&gt;  Organizar lógicas complexas e propor direções de otimização sob vários ângulos.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Projetos de inovação com alta incerteza:&lt;/strong&gt;  Ideal para o cenário "tenho uma direção, mas não sei como viabilizá-la".&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Preparação para reviews internas:&lt;/strong&gt;  Use a IA para simular questionamentos e antecipar falhas na proposta.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;"Quero criar um assistente de escrita com IA, me ajude com um brainstorming sobre o formato do produto."&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;"Nossa taxa de ativação está baixa, me ajude a desenhar um fluxo de onboarding para novos usuários."&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;"Analise estas três opções de implementação para esta funcionalidade e me dê uma recomendação."&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  2. Design de Requisitos (PRD)
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  write-a-prd&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  mattpocock&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/mattpocock/skills" rel="noopener noreferrer"&gt;https://github.com/mattpocock/skills&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Uma Skill de escrita de PRD (Product Requirement Document) feita sob medida para PMs. Em vez de apenas preencher um template, ela realiza uma entrevista profunda com o usuário para esclarecer o escopo total e gera um documento estruturado pronto para ser enviado como uma Issue no GitHub.&lt;br&gt;
Esta Skill utiliza um modo de "entrevista": primeiro, pede que você descreva o problema e a ideia da solução; depois, como em um refinamento de produto, questiona cada ramificação do design até que haja um entendimento comum para gerar o documento final.&lt;br&gt;
&lt;strong&gt;Estrutura do PRD gerado:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Descrição do problema sob a ótica do usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Descrição da solução sob a ótica do usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Listagem detalhada de User Stories.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Divisão de módulos, design de interfaces (APIs), arquitetura, etc.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Escopo de testes e recomendações de estratégia.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Informações complementares.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add mattpocock/skills --skill write-a-prd&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Escrita de requisitos:&lt;/strong&gt;  Partir de uma ideia vaga e chegar a um PRD completo e executável.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Alinhamento pré-review:&lt;/strong&gt;  Usar a IA como "revisor" para expor falhas lógicas e casos de borda antes da reunião oficial.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Comunicação cross-functional:&lt;/strong&gt;  Gerar documentos baseados em User Stories para facilitar o entendimento de desenvolvedores e designers.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;"Quero criar um sistema de níveis de usuário com pontos, emblemas e benefícios; me ajude a escrever um PRD."&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;"Ajude-me a estruturar esta ideia em um PRD. O problema que quero resolver é: os usuários não percebem sua evolução no app."&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  3. Detalhamento do Plano de Implementação
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  writing-plans&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  obra (superpowers)&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/obra/superpowers" rel="noopener noreferrer"&gt;https://github.com/obra/superpowers&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Uma Skill que decompõe soluções de design em planos de execução de granularidade extremamente fina. Cada etapa leva de 2 a 5 minutos e inclui caminhos de arquivos, comandos e expectativas de aceitação.&lt;br&gt;
Embora projetada originalmente para desenvolvedores, sua capacidade de "quebrar objetivos complexos em microtarefas com critérios de aceitação" é perfeita para PMs planejarem o roadmap de execução, cronogramas de lançamento ou fornecerem referências detalhadas ao alinhar tarefas com a engenharia.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add obra/superpowers --skill writing-plans&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Decomposição de projeto:&lt;/strong&gt;  Quebrar um grande requisito em subtarefas sequenciais e rastreáveis.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Planejamento de lançamento:&lt;/strong&gt;  Definir entregáveis, responsáveis e critérios de aceitação para cada marco.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Comunicação técnica:&lt;/strong&gt;  Gerar um rascunho de implementação sob a ótica de desenvolvimento para ajudar na estimativa de esforço.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"Ajude-me a decompor este design da plataforma de crescimento em planos de execução acionáveis."&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  4. Design de Experimentos A/B
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  ab-test-setup&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  coreyhaines31&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/coreyhaines31/marketingskills" rel="noopener noreferrer"&gt;https://github.com/coreyhaines31/marketingskills&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Uma Skill profissional para design de testes A/B, ajudando PMs e times de Growth a criarem experimentos estatisticamente rigorosos. Cobre desde o framework de hipóteses, cálculo de tamanho de amostra e escolha de métricas, até normas de execução e interpretação de resultados, evitando armadilhas como "falsos positivos" ou interrupções precoces.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add coreyhaines31/marketingskills --skill ab-test-setup&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Otimização de conversão:&lt;/strong&gt;  Design de testes A/B para landing pages, fluxos de registro e páginas de pagamento.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Rollout de funcionalidades:&lt;/strong&gt;  Testes controlados para avaliar mudanças no comportamento do usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Testes de copy/visual:&lt;/strong&gt;  Comparação de títulos, CTAs, imagens e outros elementos criativos.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;"Quero testar a mudança do botão de registro de azul para laranja, me ajude a desenhar um teste A/B."&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;"Nossa taxa de conversão na página de preços é de 3%. Quero testar uma nova proposta de valor; qual o tamanho da amostra necessário?"&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  5. Rastreamento e Escaneamento de Dados (Taggeamento)
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  analytics-tracking&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  coreyhaines31&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/coreyhaines31/marketingskills" rel="noopener noreferrer"&gt;https://github.com/coreyhaines31/marketingskills&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Skill especializada em design de planos de métricas e implementação de Analytics. Cobre nomenclatura de eventos, documentos de plano de tracking, configurações de GTM, estratégias de parâmetros UTM e conformidade de privacidade. Ajuda a construir um sistema de dados orientado a decisões, evitando a coleta de dados por coletar.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add coreyhaines31/marketingskills --skill analytics-tracking&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Plano de taggeamento:&lt;/strong&gt;  Definir o rastreamento completo antes do lançamento de uma nova funcionalidade.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Rastreamento de experimentos:&lt;/strong&gt;  Criar eventos específicos para monitorar testes A/B.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Análise de funil de Onboarding:&lt;/strong&gt;  Rastrear a conversão em cada etapa crítica de ativação.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"Com base nesta solução, elabore um plano completo de rastreamento para o funil de dados."&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  6. Ativação de Novos Usuários (Onboarding)
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  onboarding-cro&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  coreyhaines31&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/coreyhaines31/marketingskills" rel="noopener noreferrer"&gt;https://github.com/coreyhaines31/marketingskills&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Skill focada na otimização de todo o fluxo de ativação de novos usuários. Ajuda PMs a identificarem o "Momento Aha", desenhar fluxos de onboarding que levem o usuário à primeira experiência de sucesso o mais rápido possível e estruturar sistemas de retenção multicanal.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add coreyhaines31/marketingskills --skill onboarding-cro&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Aumento de taxa de ativação:&lt;/strong&gt;  Analisar o funil atual para encontrar os maiores pontos de drop-off.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Design de Empty States:&lt;/strong&gt;  Transformar "páginas vazias" em oportunidades de guia para o usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Estratégia de E-mails de Onboarding:&lt;/strong&gt;  Desenhar réguas de contato (24h/72h/7 dias) pós-registro.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"Quais ações os usuários retidos realizaram que os usuários que deram churn não fizeram?"&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Como instalar no TRAE?
&lt;/h2&gt;

&lt;p&gt;Agora que recomendamos essas Skills, veja como você pode utilizá-las dentro do TRAE:&lt;/p&gt;

&lt;h2&gt;
  
  
  Método 1: Importação Manual
&lt;/h2&gt;

&lt;p&gt;Se você deseja usar uma Skill já criada externamente, pode importar o arquivo &lt;code&gt;SKILL.md&lt;/code&gt; ou um arquivo &lt;code&gt;.zip&lt;/code&gt; contendo o &lt;code&gt;SKILL.md&lt;/code&gt; diretamente no TRAE. Fornecemos os endereços do GitHub para cada Skill recomendada; basta baixar o pacote Zip por lá.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Vá em &lt;strong&gt;Settings&lt;/strong&gt; (Configurações).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;No menu &lt;strong&gt;Rules &amp;amp; Skills&lt;/strong&gt;, na seção &lt;strong&gt;Skills&lt;/strong&gt;, clique no botão &lt;strong&gt;Create/Import&lt;/strong&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Na janela pop-up, faça o upload do arquivo &lt;code&gt;SKILL.md&lt;/code&gt; ou do &lt;code&gt;.zip&lt;/code&gt; e confirme.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Método 2: Importação via Linha de Comando (Terminal)
&lt;/h2&gt;

&lt;p&gt;O TRAE também permite importar Skills externas via terminal, permitindo escolher se deseja aplicá-las globalmente ou apenas ao projeto atual.&lt;br&gt;
Por exemplo, para adicionar a Skill de &lt;strong&gt;Brainstorming&lt;/strong&gt; ao projeto atual, copie e cole o seguinte comando no terminal do TRAE:&lt;br&gt;
&lt;code&gt;npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices&lt;/code&gt;&lt;br&gt;
Em &lt;strong&gt;"Which agents do you want to install to"&lt;/strong&gt; , selecione &lt;strong&gt;"&lt;/strong&gt; &lt;strong&gt;TRAE&lt;/strong&gt;&lt;strong&gt;"&lt;/strong&gt; :&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;【Nota: Use a tecla ESPAÇO para selecionar a opção "TRAE" e depois aperte ENTER para confirmar. Caso contrário, a Skill não será instalada corretamente no ambiente do TRAE.】&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
    <item>
      <title>As 6 habilidades mais requisitadas para Product Managers</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Wed, 25 Mar 2026 03:15:08 +0000</pubDate>
      <link>https://dev.to/captaincc/as-6-habilidades-mais-requisitadas-para-product-managers-41g1</link>
      <guid>https://dev.to/captaincc/as-6-habilidades-mais-requisitadas-para-product-managers-41g1</guid>
      <description>&lt;p&gt;A incubação de um produto do 0 ao 1, seguida de sua iteração e evolução contínua, é um processo sistêmico que exige a colaboração de múltiplos papéis. Além do time de desenvolvimento, profissionais de Produto (PMs), Operações, Análise de Dados e Design de UI/UX estão profundamente envolvidos. Em nossas interações diárias com usuários do &lt;strong&gt;TRAE&lt;/strong&gt;, percebemos que cada vez mais Product Managers estão integrando o TRAE IDE ao seu fluxo de trabalho.&lt;br&gt;
Com base nisso, selecionamos 6 &lt;strong&gt;Skills&lt;/strong&gt; populares voltadas para cenários de Gestão de Produto, cobrindo todo o ciclo — desde o design da solução e detalhamento da implementação até o rastreamento de dados pós-lançamento — para ajudar PMs a aumentarem sua eficiência em cada etapa crítica.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Brainstorming de Soluções
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  brainstorming&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  obra (superpowers)&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/obra/superpowers" rel="noopener noreferrer"&gt;https://github.com/obra/superpowers&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Esta Skill ajuda a transformar ideias vagas em planos de design claros por meio de um diálogo estruturado. Utilizando uma abordagem de "uma pergunta por vez", ela atua como um consultor de produto sênior para esclarecer requisitos, propor 2-3 soluções viáveis com recomendações fundamentadas e, por fim, gerar um documento de design completo, incluindo arquitetura, fluxo de dados e estratégia de testes.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add obra/superpowers --skill brainstorming&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Refinamento de novas funcionalidades:&lt;/strong&gt;  Antes de escrever o PRD, use o diálogo para expandir ideias e convergir em uma solução.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Redesign de processos de negócio:&lt;/strong&gt;  Organizar lógicas complexas e propor direções de otimização sob vários ângulos.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Projetos de inovação com alta incerteza:&lt;/strong&gt;  Ideal para o cenário "tenho uma direção, mas não sei como viabilizá-la".&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Preparação para reviews internas:&lt;/strong&gt;  Use a IA para simular questionamentos e antecipar falhas na proposta.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;"Quero criar um assistente de escrita com IA, me ajude com um brainstorming sobre o formato do produto."&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;"Nossa taxa de ativação está baixa, me ajude a desenhar um fluxo de onboarding para novos usuários."&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;"Analise estas três opções de implementação para esta funcionalidade e me dê uma recomendação."&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  2. Design de Requisitos (PRD)
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  write-a-prd&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  mattpocock&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/mattpocock/skills" rel="noopener noreferrer"&gt;https://github.com/mattpocock/skills&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Uma Skill de escrita de PRD (Product Requirement Document) feita sob medida para PMs. Em vez de apenas preencher um template, ela realiza uma entrevista profunda com o usuário para esclarecer o escopo total e gera um documento estruturado pronto para ser enviado como uma Issue no GitHub.&lt;br&gt;
Esta Skill utiliza um modo de "entrevista": primeiro, pede que você descreva o problema e a ideia da solução; depois, como em um refinamento de produto, questiona cada ramificação do design até que haja um entendimento comum para gerar o documento final.&lt;br&gt;
&lt;strong&gt;Estrutura do PRD gerado:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Descrição do problema sob a ótica do usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Descrição da solução sob a ótica do usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Listagem detalhada de User Stories.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Divisão de módulos, design de interfaces (APIs), arquitetura, etc.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Escopo de testes e recomendações de estratégia.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Informações complementares.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add mattpocock/skills --skill write-a-prd&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Escrita de requisitos:&lt;/strong&gt;  Partir de uma ideia vaga e chegar a um PRD completo e executável.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Alinhamento pré-review:&lt;/strong&gt;  Usar a IA como "revisor" para expor falhas lógicas e casos de borda antes da reunião oficial.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Comunicação cross-functional:&lt;/strong&gt;  Gerar documentos baseados em User Stories para facilitar o entendimento de desenvolvedores e designers.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;"Quero criar um sistema de níveis de usuário com pontos, emblemas e benefícios; me ajude a escrever um PRD."&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;"Ajude-me a estruturar esta ideia em um PRD. O problema que quero resolver é: os usuários não percebem sua evolução no app."&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  3. Detalhamento do Plano de Implementação
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  writing-plans&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  obra (superpowers)&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/obra/superpowers" rel="noopener noreferrer"&gt;https://github.com/obra/superpowers&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Uma Skill que decompõe soluções de design em planos de execução de granularidade extremamente fina. Cada etapa leva de 2 a 5 minutos e inclui caminhos de arquivos, comandos e expectativas de aceitação.&lt;br&gt;
Embora projetada originalmente para desenvolvedores, sua capacidade de "quebrar objetivos complexos em microtarefas com critérios de aceitação" é perfeita para PMs planejarem o roadmap de execução, cronogramas de lançamento ou fornecerem referências detalhadas ao alinhar tarefas com a engenharia.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add obra/superpowers --skill writing-plans&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Decomposição de projeto:&lt;/strong&gt;  Quebrar um grande requisito em subtarefas sequenciais e rastreáveis.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Planejamento de lançamento:&lt;/strong&gt;  Definir entregáveis, responsáveis e critérios de aceitação para cada marco.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Comunicação técnica:&lt;/strong&gt;  Gerar um rascunho de implementação sob a ótica de desenvolvimento para ajudar na estimativa de esforço.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"Ajude-me a decompor este design da plataforma de crescimento em planos de execução acionáveis."&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  4. Design de Experimentos A/B
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  ab-test-setup&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  coreyhaines31&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/coreyhaines31/marketingskills" rel="noopener noreferrer"&gt;https://github.com/coreyhaines31/marketingskills&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Uma Skill profissional para design de testes A/B, ajudando PMs e times de Growth a criarem experimentos estatisticamente rigorosos. Cobre desde o framework de hipóteses, cálculo de tamanho de amostra e escolha de métricas, até normas de execução e interpretação de resultados, evitando armadilhas como "falsos positivos" ou interrupções precoces.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add coreyhaines31/marketingskills --skill ab-test-setup&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Otimização de conversão:&lt;/strong&gt;  Design de testes A/B para landing pages, fluxos de registro e páginas de pagamento.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Rollout de funcionalidades:&lt;/strong&gt;  Testes controlados para avaliar mudanças no comportamento do usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Testes de copy/visual:&lt;/strong&gt;  Comparação de títulos, CTAs, imagens e outros elementos criativos.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;"Quero testar a mudança do botão de registro de azul para laranja, me ajude a desenhar um teste A/B."&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;"Nossa taxa de conversão na página de preços é de 3%. Quero testar uma nova proposta de valor; qual o tamanho da amostra necessário?"&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  5. Rastreamento e Escaneamento de Dados (Taggeamento)
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  analytics-tracking&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  coreyhaines31&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/coreyhaines31/marketingskills" rel="noopener noreferrer"&gt;https://github.com/coreyhaines31/marketingskills&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Skill especializada em design de planos de métricas e implementação de Analytics. Cobre nomenclatura de eventos, documentos de plano de tracking, configurações de GTM, estratégias de parâmetros UTM e conformidade de privacidade. Ajuda a construir um sistema de dados orientado a decisões, evitando a coleta de dados por coletar.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add coreyhaines31/marketingskills --skill analytics-tracking&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Plano de taggeamento:&lt;/strong&gt;  Definir o rastreamento completo antes do lançamento de uma nova funcionalidade.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Rastreamento de experimentos:&lt;/strong&gt;  Criar eventos específicos para monitorar testes A/B.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Análise de funil de Onboarding:&lt;/strong&gt;  Rastrear a conversão em cada etapa crítica de ativação.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"Com base nesta solução, elabore um plano completo de rastreamento para o funil de dados."&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  6. Ativação de Novos Usuários (Onboarding)
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  onboarding-cro&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  coreyhaines31&lt;br&gt;
&lt;strong&gt;Endereço:&lt;/strong&gt;  &lt;a href="https://github.com/coreyhaines31/marketingskills" rel="noopener noreferrer"&gt;https://github.com/coreyhaines31/marketingskills&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;Descrição:&lt;/strong&gt;  Skill focada na otimização de todo o fluxo de ativação de novos usuários. Ajuda PMs a identificarem o "Momento Aha", desenhar fluxos de onboarding que levem o usuário à primeira experiência de sucesso o mais rápido possível e estruturar sistemas de retenção multicanal.&lt;br&gt;
&lt;strong&gt;Comando de Instalação:&lt;/strong&gt;  &lt;code&gt;npx skills add coreyhaines31/marketingskills --skill onboarding-cro&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Cenários de Aplicação:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Aumento de taxa de ativação:&lt;/strong&gt;  Analisar o funil atual para encontrar os maiores pontos de drop-off.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Design de Empty States:&lt;/strong&gt;  Transformar "páginas vazias" em oportunidades de guia para o usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Estratégia de E-mails de Onboarding:&lt;/strong&gt;  Desenhar réguas de contato (24h/72h/7 dias) pós-registro.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplos de Uso:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"Quais ações os usuários retidos realizaram que os usuários que deram churn não fizeram?"&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Como instalar no TRAE?
&lt;/h2&gt;

&lt;p&gt;Agora que recomendamos essas Skills, veja como você pode utilizá-las dentro do TRAE:&lt;/p&gt;

&lt;h2&gt;
  
  
  Método 1: Importação Manual
&lt;/h2&gt;

&lt;p&gt;Se você deseja usar uma Skill já criada externamente, pode importar o arquivo &lt;code&gt;SKILL.md&lt;/code&gt; ou um arquivo &lt;code&gt;.zip&lt;/code&gt; contendo o &lt;code&gt;SKILL.md&lt;/code&gt; diretamente no TRAE. Fornecemos os endereços do GitHub para cada Skill recomendada; basta baixar o pacote Zip por lá.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Vá em &lt;strong&gt;Settings&lt;/strong&gt; (Configurações).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;No menu &lt;strong&gt;Rules &amp;amp; Skills&lt;/strong&gt;, na seção &lt;strong&gt;Skills&lt;/strong&gt;, clique no botão &lt;strong&gt;Create/Import&lt;/strong&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Na janela pop-up, faça o upload do arquivo &lt;code&gt;SKILL.md&lt;/code&gt; ou do &lt;code&gt;.zip&lt;/code&gt; e confirme.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Método 2: Importação via Linha de Comando (Terminal)
&lt;/h2&gt;

&lt;p&gt;O TRAE também permite importar Skills externas via terminal, permitindo escolher se deseja aplicá-las globalmente ou apenas ao projeto atual.&lt;br&gt;
Por exemplo, para adicionar a Skill de &lt;strong&gt;Brainstorming&lt;/strong&gt; ao projeto atual, copie e cole o seguinte comando no terminal do TRAE:&lt;br&gt;
&lt;code&gt;npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices&lt;/code&gt;&lt;br&gt;
Em &lt;strong&gt;"Which agents do you want to install to"&lt;/strong&gt; , selecione &lt;strong&gt;"&lt;/strong&gt; &lt;strong&gt;TRAE&lt;/strong&gt;&lt;strong&gt;"&lt;/strong&gt; :&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;【Nota: Use a tecla ESPAÇO para selecionar a opção "TRAE" e depois aperte ENTER para confirmar. Caso contrário, a Skill não será instalada corretamente no ambiente do TRAE.】&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
    <item>
      <title>Dicas de Configuração | Como usuários de GoLand podem usar o TRAE de forma fluida</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Tue, 24 Mar 2026 08:26:05 +0000</pubDate>
      <link>https://dev.to/captaincc/dicas-de-configuracao-como-usuarios-de-goland-podem-usar-o-trae-de-forma-fluida-27if</link>
      <guid>https://dev.to/captaincc/dicas-de-configuracao-como-usuarios-de-goland-podem-usar-o-trae-de-forma-fluida-27if</guid>
      <description>&lt;p&gt;Aqui está o conteúdo organizado e traduzido para um português natural do Brasil, mantendo exatamente a estrutura e os blocos de código solicitados:&lt;/p&gt;




&lt;p&gt;Este artigo utiliza o GoLand como exemplo, mas as configurações também podem ser aplicadas a outros IDEs da linha JetBrains.&lt;/p&gt;

&lt;h2&gt;
  
  
  Prefácio
&lt;/h2&gt;

&lt;p&gt;Para muitos desenvolvedores da linguagem Go, o GoLand é a "faca suíça" mais familiar. Como parte da família JetBrains, ele oferece uma experiência &lt;em&gt;out-of-the-box&lt;/em&gt; consistente com o IDEA e o PyCharm em termos de edição, desenvolvimento e depuração.&lt;br&gt;
Muitos usuários acostumados com a linha JetBrains podem sentir dificuldade ao usar o TRAE IDE pela primeira vez, devido à sua experiência de edição mais próxima ao estilo do VS Code, acabando por alternar freneticamente entre o TRAE e seu IDE original.&lt;br&gt;
Na verdade, mudar isso não é difícil. Com apenas alguns ajustes simples, você pode deixar a experiência do TRAE IDE muito próxima à do GoLand. Reuni aqui algumas das minhas dicas pessoais para compartilhar com vocês, esperando que sejam úteis.&lt;/p&gt;


&lt;h2&gt;
  
  
  Aparência da UI e Layout
&lt;/h2&gt;

&lt;p&gt;Para ter aquele "gosto" familiar do GoLand, o visual e as cores são fundamentais. Vamos começar pela estética e disposição.&lt;/p&gt;
&lt;h2&gt;
  
  
  Temas e Ícones
&lt;/h2&gt;

&lt;p&gt;O TRAE suporta nativamente a maioria das extensões do VS Code. Ao instalar alguns plugins, você consegue o clássico visual escuro &lt;strong&gt;Darcula&lt;/strong&gt; do GoLand com um clique. Isso traz uma sensação de proximidade, incluindo as cores do editor e os ícones da árvore de arquivos.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Guia de Instalação:&lt;/strong&gt;  O TRAE compartilha a biblioteca de extensões do VS Code. Para instalar, clique em "Preferências - Extensões" ou use &lt;code&gt;Shift+Command+X&lt;/code&gt;, pesquise pelo nome e instale.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;JetBrains Color Theme:&lt;/strong&gt;  Obtenha o esquema de cores idêntico ao JetBrains.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;JetBrains Icon Theme:&lt;/strong&gt;  Obtenha os ícones de arquivos iguais aos do JetBrains.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplo (settings.json):&lt;/strong&gt;  Após instalar, selecione no menu de temas ou especifique diretamente no JSON:&lt;br&gt;
JSON&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
    "workbench.colorTheme": "JetBrains Darcula Theme",
    "workbench.iconTheme": "jetbrains-icon-theme"
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Opcional (Ajuste fino):&lt;/strong&gt;  Se achar as cores padrão muito escuras ou claras, use &lt;code&gt;colorCustomizations&lt;/code&gt; para replicar exatamente os valores hexadecimais do GoLand:&lt;br&gt;
JSON&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
  "workbench.colorCustomizations": {
    "[JetBrains Darcula Theme]": {
      "editor.background": "#2B2B2B",
      "sideBar.background": "#3C3F41",
      "activityBar.background": "#3C3F41",
      "statusBar.background": "#3C3F41"
    }
  }
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Fonte e Altura da Linha
&lt;/h2&gt;

&lt;p&gt;Recomenda-se o uso da fonte oficial &lt;strong&gt;JetBrains Mono&lt;/strong&gt;, otimizada para leitura de código.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Download:&lt;/strong&gt;  &lt;a href="https://www.jetbrains.com/mono/" rel="noopener noreferrer"&gt;Site Oficial JetBrains Mono&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Exemplo (settings.json):&lt;/strong&gt; &lt;br&gt;
JSON&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
    "editor.fontFamily": "JetBrains Mono, Menlo, Monaco, 'Courier New', monospace",
    "editor.fontSize": 14,
    "editor.lineHeight": 1.6,
    // Recomendado usar a mesma fonte no terminal para consistência"terminal.integrated.fontFamily": "JetBrains Mono"
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Painéis e Hábitos de Layout
&lt;/h2&gt;

&lt;p&gt;No GoLand, é comum usar uma visualização integrada: árvore de projeto, estrutura do código (Outline), diagnóstico de problemas, console de debug e terminal. No TRAE, você pode configurar algo semelhante:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Sugestão de Layout:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Lado Esquerdo:&lt;/strong&gt;  Explorador de Arquivos e, logo abaixo, a visão de &lt;strong&gt;Estrutura (Outline)&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Painel Inferior:&lt;/strong&gt;  Alterne com &lt;code&gt;⌘J&lt;/code&gt; (macOS) ou &lt;code&gt;Ctrl+J&lt;/code&gt; (Windows). Use abas para &lt;strong&gt;Problemas (Problems)&lt;/strong&gt;, &lt;strong&gt;Saída (Output)&lt;/strong&gt;, &lt;strong&gt;Console de Depuração&lt;/strong&gt; e &lt;strong&gt;Terminal&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Lado Direito:&lt;/strong&gt;  Área de edição de código.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Atalhos Rápidos:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;code&gt;⇧⌘E&lt;/code&gt;: Alternar para o Explorador.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;⇧⌘P&lt;/code&gt;: Abrir a Paleta de Comandos (porta de entrada para tudo).&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;⌘J&lt;/code&gt;: Mostrar/Ocultar painel inferior.&lt;/li&gt;
&lt;li&gt;
&lt;code&gt;⇧⌘M&lt;/code&gt;: Alternar para o painel de Problemas.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;




&lt;h2&gt;
  
  
  Otimização da Experiência de Leitura
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Sugestão:&lt;/strong&gt;  Ative as seguintes opções no &lt;code&gt;settings.json&lt;/code&gt; para uma leitura mais confortável:&lt;br&gt;
JSON&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
    // Mantém o topo da função/estrutura visível ao rolar (Sticky Scroll)"editor.stickyScroll.enabled": true,
    // Mostra o caminho do arquivo e símbolos no topo (Breadcrumbs)"breadcrumbs.enabled": true,
    // Colorização de pares de colchetes/parênteses"editor.bracketPairColorization.enabled": true
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Destaque de Unicode
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Problema:&lt;/strong&gt;  Caracteres como dois-pontos ou parênteses em chinês/outros idiomas podem exibir um sublinhado amarelo de aviso irritante.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Solução:&lt;/strong&gt;  No &lt;code&gt;settings.json&lt;/code&gt;, defina &lt;code&gt;"editor.unicodeHighlight.ambiguousCharacters": false&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Atalhos e Navegação
&lt;/h2&gt;

&lt;p&gt;O custo de adaptação a novos atalhos costuma ser alto. Podemos configurar o TRAE para que os hábitos do GoLand migrem sem atrito.&lt;/p&gt;

&lt;h2&gt;
  
  
  Plugins de Keymap
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Sugestão:&lt;/strong&gt;  A versão mais recente do TRAE já suporta a importação de atalhos no estilo JetBrains nativamente nas Preferências. Você também pode usar plugins de terceiros:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;IntelliJ IDEA Keybindings&lt;/strong&gt; (Mais popular)&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;JetBrains IDE Keymap&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;Nota: Após configurar, alguns atalhos padrão do TRAE (como a sequência ⌘K) podem conflitar. Ajustes manuais podem ser necessários.&lt;/em&gt; &lt;/p&gt;

&lt;h2&gt;
  
  
  Conflitos e Customização
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Acesso:&lt;/strong&gt;  Pela Paleta de Comandos (&lt;code&gt;⇧⌘P&lt;/code&gt;), pesquise por &lt;code&gt;Preferences: Open Keyboard Shortcuts (JSON)&lt;/code&gt; para configurar o &lt;code&gt;keybindings.json&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Caso de Conflito:&lt;/strong&gt;  No VS Code, &lt;code&gt;⌘K&lt;/code&gt; inicia um acorde de teclas. No plugin JetBrains, ele mapeia para o Git Commit. Se não gostar, remova ou altere no JSON.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Navegação de Voltar/Avançar no Código
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Contexto:&lt;/strong&gt;  Este é um ponto de dor em editores estilo VS Code. No mapeamento do GoLand, os botões de avançar/voltar às vezes conflitam com a troca de arquivos.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Sugestão:&lt;/strong&gt;  Use a gravação de teclas em "Atalhos de Teclado" para encontrar o conflito e manter apenas a definição do "JetBrains IDE Keymap".&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Navegação CamelHumps (Corcova de Camelo)
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Contexto:&lt;/strong&gt;  No GoLand, &lt;code&gt;⌥+←/→&lt;/code&gt; pula entre partes de uma palavra em camelCase.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Sugestão:&lt;/strong&gt;  Ative no &lt;code&gt;settings.json&lt;/code&gt; (se usar o plugin IntelliJ IDEA Keybindings):&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;JSON&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
    "intellij-idea-keybindings.useCamelHumpsWords": true
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Lista de Mapeamento de Operações Comuns (macOS)
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Função&lt;/th&gt;
&lt;th&gt;Atalho GoLand&lt;/th&gt;
&lt;th&gt;Atalho TRAE (c/ Plugin)&lt;/th&gt;
&lt;th&gt;Descrição&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Ir para Definição&lt;/td&gt;
&lt;td&gt;⌘B / ⌘+Click&lt;/td&gt;
&lt;td&gt;⌘B / F12&lt;/td&gt;
&lt;td&gt;Mapeado pelo plugin ou use o F12 nativo.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Localizar Usos&lt;/td&gt;
&lt;td&gt;⌥F7&lt;/td&gt;
&lt;td&gt;⌥F7 / ⇧F12&lt;/td&gt;
&lt;td&gt;Mapeado pelo plugin ou use Shift+F12.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Renomear (Rename)&lt;/td&gt;
&lt;td&gt;⇧F6&lt;/td&gt;
&lt;td&gt;⇧F6 / F2&lt;/td&gt;
&lt;td&gt;Mapeado pelo plugin ou use F2.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Organizar Imports&lt;/td&gt;
&lt;td&gt;⌃⌥O&lt;/td&gt;
&lt;td&gt;⇧⌥O&lt;/td&gt;
&lt;td&gt;No VS Code/TRAE chama-se "Organize Imports".&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Correção Rápida&lt;/td&gt;
&lt;td&gt;⌥Enter&lt;/td&gt;
&lt;td&gt;⌘. / ⌥Enter&lt;/td&gt;
&lt;td&gt;⌘. é o padrão; o plugin mapeia o ⌥Enter.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Ir p/ Implementação&lt;/td&gt;
&lt;td&gt;⌥⌘B&lt;/td&gt;
&lt;td&gt;⌥⌘B&lt;/td&gt;
&lt;td&gt;Pula direto para a implementação da interface.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Formatar Código&lt;/td&gt;
&lt;td&gt;⌥⌘L&lt;/td&gt;
&lt;td&gt;⌥⌘L / ⇧⌥F&lt;/td&gt;
&lt;td&gt;Atalho de formatação.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Busca Global&lt;/td&gt;
&lt;td&gt;Double ⇧&lt;/td&gt;
&lt;td&gt;⇧⌘P&lt;/td&gt;
&lt;td&gt;Corresponde à Paleta de Comandos.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  Execução e Depuração
&lt;/h2&gt;

&lt;h2&gt;
  
  
  Versão do Go por Projeto
&lt;/h2&gt;

&lt;p&gt;O TRAE agora suporta a vinculação de versões do Go por projeto em "Configurações - Ambiente de Desenvolvimento". Recomenda-se ativar o &lt;strong&gt;TRAE gopls&lt;/strong&gt; otimizado para reduzir o uso de memória em projetos grandes.&lt;/p&gt;

&lt;h2&gt;
  
  
  Configuração Básica de Debug
&lt;/h2&gt;

&lt;p&gt;Crie um arquivo &lt;code&gt;launch.json&lt;/code&gt; no painel "Executar e Depurar".&lt;br&gt;
&lt;strong&gt;Exemplo (.vscode/launch.json):&lt;/strong&gt; &lt;br&gt;
JSON&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Iniciar Serviço Principal",
            "type": "go",
            "request": "launch",
            "mode": "debug", // Use 'debug' fixo para evitar erro de 'test' em arquivos não-main"program": "${workspaceFolder}",
            "envFile": "${workspaceFolder}/.env"
        }
    ]
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Depuração Remota (Attach to Process)
&lt;/h2&gt;

&lt;p&gt;Para dar "attach" em um processo Go remoto, use o Delve (dlv) no servidor:&lt;br&gt;
&lt;code&gt;dlv --listen=:2345 --headless=true --api-version=2 exec ./seu_programa&lt;/code&gt;&lt;br&gt;
No TRAE, adicione a configuração de &lt;code&gt;attach&lt;/code&gt; com o &lt;code&gt;substitutePath&lt;/code&gt; para mapear os caminhos local/remoto corretamente.&lt;/p&gt;


&lt;h2&gt;
  
  
  Testes e Cobertura
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Painel de Testing:&lt;/strong&gt;  Use a aba de testes na barra lateral para uma interface amigável.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Variáveis de Ambiente:&lt;/strong&gt;  Configure &lt;code&gt;go.testEnvFile&lt;/code&gt; no &lt;code&gt;settings.json&lt;/code&gt; para carregar o &lt;code&gt;.env&lt;/code&gt; nos testes.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Cobertura:&lt;/strong&gt;  Instale o plugin &lt;strong&gt;Coverage Gutters&lt;/strong&gt;. Execute &lt;code&gt;go test -coverprofile=coverage.out ./...&lt;/code&gt; e clique em &lt;strong&gt;Watch&lt;/strong&gt; na barra de status para ver as linhas verdes (cobertas) e vermelhas no editor.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;h2&gt;
  
  
  Padronização e Formatação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Ferramenta:&lt;/strong&gt;  Use &lt;code&gt;goimports&lt;/code&gt;. No &lt;code&gt;settings.json&lt;/code&gt;:&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;JSON&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
    "editor.formatOnSave": true,
    "go.formatTool": "goimports",
    "gopls": {
        "formatting.local": "github.com/seu-projeto"
    }
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Lint:&lt;/strong&gt;  Use &lt;code&gt;golangci-lint&lt;/code&gt;. Configure &lt;code&gt;"go.lintTool": "golangci-lint"&lt;/code&gt; e &lt;code&gt;"go.lintOnSave": "file"&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Git e MR (Pull Requests)
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Smart Commit:&lt;/strong&gt;  Ative &lt;code&gt;"git.enableSmartCommit": true&lt;/code&gt; para que o botão de commit envie todas as mudanças modificadas automaticamente, como no GoLand.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Git Blame:&lt;/strong&gt;  Instale o plugin &lt;strong&gt;Git Blame Lens&lt;/strong&gt; para ter as anotações de autoria na linha, estilo JetBrains.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Git Graph:&lt;/strong&gt;  Altamente recomendado para uma visualização de histórico superior à nativa.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  MCP Server: Sincronia TRAE + GoLand
&lt;/h2&gt;

&lt;p&gt;Versões recentes do JetBrains oferecem o &lt;strong&gt;MCP Server&lt;/strong&gt;, que expõe as capacidades do IDE para clientes externos como o TRAE.&lt;br&gt;
&lt;strong&gt;Capacidades:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Executar configurações de Run/Debug do GoLand dentro do TRAE.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Usar a análise de código e refatoração do GoLand.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Acessar o terminal e busca de símbolos do JetBrains.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Como configurar:&lt;/strong&gt; &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;No GoLand: &lt;code&gt;Settings → Tools → MCP Server → Enable MCP Server&lt;/code&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Em &lt;code&gt;Clients Auto-Configuration&lt;/code&gt;, selecione o TRAE e clique em &lt;strong&gt;Auto-Configure&lt;/strong&gt;.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Reinicie o TRAE.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  Resumo
&lt;/h2&gt;

&lt;p&gt;Espero que essas configurações ajudem quem está acostumado com o GoLand a sentir-se em casa no TRAE.&lt;br&gt;
Muitas vezes, usar os dois IDEs simultaneamente é uma escolha pragmática:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Use o &lt;strong&gt;TRAE&lt;/strong&gt; para desenvolvimento ágil, escrita de testes unitários e melhoria de comentários com auxílio de IA.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Use o &lt;strong&gt;GoLand&lt;/strong&gt; para revisões complexas, navegação profunda em grandes bases de código e refatorações de alto risco.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Tente fazer essa transição gradual e veja como o seu fluxo de trabalho melhora!&lt;br&gt;
&lt;br&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
    <item>
      <title>Top 10 Skills recomendadas para cenários de Pesquisa e Desenvolvimento</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Tue, 24 Mar 2026 08:01:53 +0000</pubDate>
      <link>https://dev.to/captaincc/top-10-skills-recomendadas-para-cenarios-de-pesquisa-e-desenvolvimento-2i1p</link>
      <guid>https://dev.to/captaincc/top-10-skills-recomendadas-para-cenarios-de-pesquisa-e-desenvolvimento-2i1p</guid>
      <description>&lt;p&gt;Este documento foi elaborado para cenários reais de Pesquisa e Desenvolvimento (P&amp;amp;D), organizando e recomendando um conjunto de &lt;strong&gt;Agent Skills&lt;/strong&gt; (Habilidades de Agente) que podem ser aplicadas diretamente no seu fluxo diário de trabalho.&lt;br&gt;
Estas Skills cobrem etapas comuns como design front-end, desenvolvimento full-stack, revisão de código, testes automatizados, CI/CD, correção de problemas e manutenção de documentação. Cada uma possui limites de capacidade e cenários de uso claros para ajudar você a escolher a ferramenta certa em cada fase, aumentando sua produtividade.&lt;/p&gt;




&lt;h2&gt;
  
  
  Design Front-end
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;frontend-design&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  Anthropic&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt;  &lt;a href="https://github.com/anthropics/skills/tree/main/skills/frontend-design" rel="noopener noreferrer"&gt;https://github.com/anthropics/skills/tree/main/skills/frontend-design&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Esta Skill visa criar interfaces front-end com &lt;strong&gt;singularidade&lt;/strong&gt; e &lt;strong&gt;alta qualidade de design&lt;/strong&gt;, atingindo o padrão de nível de produção (&lt;em&gt;production-grade&lt;/em&gt;). O objetivo central é evitar interfaces genéricas com "cara de IA", optando intencionalmente por estéticas ousadas e claras (ex: minimalista, retrô, futurista, brutalista), focando em detalhes de tipografia, cores, animações e layout.&lt;/p&gt;

&lt;h2&gt;
  
  
  Arquivos de Recurso
&lt;/h2&gt;

&lt;p&gt;Contém apenas o arquivo &lt;code&gt;SKILL.md&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Construção de componentes ou páginas:&lt;/strong&gt;  Quando você precisa criar um elemento de UI do zero, como um componente React ou layout HTML/CSS, garantindo que ele seja funcional e visualmente marcante.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Desenvolvimento de Web Apps completos:&lt;/strong&gt;  Para criar uma Landing Page, dashboard ou site com uma identidade visual unificada e marcante em todas as seções.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Beautification ou Redesign:&lt;/strong&gt;  Para transformar uma interface medíocre, introduzindo fontes exclusivas, esquemas de cores criativos e layouts inovadores.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Desenvolvimento Front-end
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;cache-components&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  Vercel&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt;  &lt;a href="https://github.com/vercel/next.js/tree/canary/.claude-plugin/plugins/cache-components/skills/cache-components" rel="noopener noreferrer"&gt;https://github.com/vercel/next.js/tree/canary/.claude-plugin/plugins/cache-components/skills/cache-components&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Focada em integrar as melhores práticas de &lt;strong&gt;Partial Prerendering (PPR)&lt;/strong&gt; e &lt;strong&gt;Cache Components&lt;/strong&gt; do Next.js ao fluxo de trabalho. Quando a configuração &lt;code&gt;cacheComponents: true&lt;/code&gt; está ativa, esta Skill automatiza a geração e otimização de código.&lt;/p&gt;

&lt;h2&gt;
  
  
  Arquivos de Recurso
&lt;/h2&gt;

&lt;p&gt;Além do &lt;code&gt;SKILL.md&lt;/code&gt;, inclui:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;PATTERNS.md&lt;/code&gt;: Exemplos de código e cenários para uso eficiente de Cache Components.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;REFERENCE.md&lt;/code&gt;: Manual oficial da API com definições de funções e diretivas.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;TROUBLESHOOTING.md&lt;/code&gt;: Guia de solução de problemas e dicas de depuração.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Geração automática de componentes de dados otimizados:&lt;/strong&gt;  Aplica estratégias como &lt;code&gt;'use cache'&lt;/code&gt; para dados compartilhados e &lt;code&gt;&amp;lt;Suspense&amp;gt;&lt;/code&gt; para conteúdo exclusivo do usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Invalidação de cache automática:&lt;/strong&gt;  Insere lógica de atualização (como &lt;code&gt;updateTag()&lt;/code&gt;) em Server Actions para garantir consistência de dados.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Modernização de código:&lt;/strong&gt;  Identifica e sugere a substituição de configurações de cache obsoletas por padrões modernos de PPR.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Desenvolvimento Full-stack
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;fullstack-developer&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  Shubhamsaboo&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt;  &lt;a href="https://github.com/Shubhamsaboo/awesome-llm-apps/tree/main/awesome%5C_agent%5C_skills/fullstack-developer" rel="noopener noreferrer"&gt;https://github.com/Shubhamsaboo/awesome-llm-apps/tree/main/awesome\_agent\_skills/fullstack-developer&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Atua como um &lt;strong&gt;especialista em tecnologias Web modernas&lt;/strong&gt;, com foco no stack JavaScript/TypeScript, especialmente React (Next.js), Node.js e bancos de dados populares.&lt;/p&gt;

&lt;h2&gt;
  
  
  Arquivos de Recurso
&lt;/h2&gt;

&lt;p&gt;Contém apenas o arquivo &lt;code&gt;SKILL.md&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Construção de Web Apps completos:&lt;/strong&gt;  Soluções de ponta a ponta, do front ao back-end.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Desenvolvimento de APIs:&lt;/strong&gt;  Criação de interfaces RESTful ou GraphQL.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Modelagem de Dados:&lt;/strong&gt;  Design e configuração de bancos como PostgreSQL ou MongoDB.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Autenticação e Deploy:&lt;/strong&gt;  Implementação de JWT/OAuth e guias de deploy na Vercel ou Netlify.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Revisão de Código (Front-end)
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;frontend-code-review&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  LangGenius&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt;  &lt;a href="https://github.com/langgenius/dify/tree/main/.agents/skills/frontend-code-review" rel="noopener noreferrer"&gt;https://github.com/langgenius/dify/tree/main/.agents/skills/frontend-code-review&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Automatiza a revisão de código front-end (especialmente &lt;code&gt;.tsx&lt;/code&gt;, &lt;code&gt;.ts&lt;/code&gt;, &lt;code&gt;.js&lt;/code&gt;). Analisa qualidade, performance e lógica de negócio, gerando relatórios categorizados em "Correções Urgentes" e "Sugestões de Melhoria".&lt;/p&gt;

&lt;h2&gt;
  
  
  Arquivos de Recurso
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;references/business-logic.md&lt;/code&gt;: Regras específicas para evitar erros de lógica comuns no projeto.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;references/code-quality.md&lt;/code&gt;: Padrões de codificação para manter o código limpo e consistente.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;references/performance.md&lt;/code&gt;: Melhores práticas para evitar re-renderizações desnecessárias (ex: uso de &lt;code&gt;useMemo&lt;/code&gt;).&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Revisão pré-commit:&lt;/strong&gt;  Identifica códigos fora do padrão antes que cheguem ao repositório.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Análise profunda de arquivos específicos:&lt;/strong&gt;  Útil durante refatorações para obter uma avaliação rápida da qualidade.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Relatórios estruturados:&lt;/strong&gt;  Fornece o caminho do arquivo, número da linha e a solução sugerida.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Revisão de Código (Geral)
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;code-reviewer&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  Google Gemini&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt;  &lt;a href="https://github.com/google-gemini/gemini-cli/tree/main/.gemini/skills/code-reviewer" rel="noopener noreferrer"&gt;https://github.com/google-gemini/gemini-cli/tree/main/.gemini/skills/code-reviewer&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Conduz revisões profissionais e abrangentes, suportando tanto mudanças locais quanto &lt;strong&gt;Pull Requests (PR)&lt;/strong&gt; remotos. Garante a corretude, manutenibilidade e conformidade com os padrões do projeto.&lt;/p&gt;

&lt;h2&gt;
  
  
  Arquivos de Recurso
&lt;/h2&gt;

&lt;p&gt;Contém apenas o arquivo &lt;code&gt;SKILL.md&lt;/code&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Revisão de PRs remotos:&lt;/strong&gt;  Ao fornecer a URL do PR, o agente faz o checkout, roda scripts de preflight (como &lt;code&gt;npm run lint&lt;/code&gt;) e analisa o código com base na descrição da tarefa.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Revisão de mudanças locais:&lt;/strong&gt;  Analisa o &lt;code&gt;git diff&lt;/code&gt; do seu workspace para dar feedback antes mesmo de você criar um PR.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Testes de Aplicações Web
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;webapp-testing&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  Anthropic&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt;  &lt;a href="https://github.com/anthropics/skills/tree/main/skills/webapp-testing" rel="noopener noreferrer"&gt;https://github.com/anthropics/skills/tree/main/skills/webapp-testing&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Um conjunto de ferramentas baseado em &lt;strong&gt;Playwright&lt;/strong&gt; para testes locais. Suporta validação funcional, depuração de comportamento de UI, capturas de tela e logs do console do navegador.&lt;/p&gt;

&lt;h2&gt;
  
  
  Arquivos de Recurso
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;examples/console_logging.py&lt;/code&gt;: Captura de logs para depuração.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;examples/element_discovery.py&lt;/code&gt;: Descoberta automática de botões, links e inputs.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;scripts/with_server.py&lt;/code&gt;: Gerencia o ciclo de vida de servidores (front/back) durante a execução dos testes.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Validação automática de funções:&lt;/strong&gt;  "Teste a função de login para mim" — o agente escreve e executa o script simulando o usuário.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Depuração de UI:&lt;/strong&gt;  Captura screenshots ou analisa a estrutura DOM para localizar erros de renderização.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ambientes complexos:&lt;/strong&gt;  Inicia automaticamente o backend e o frontend antes de rodar os testes de integração.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  CI/CD: Criação de PR
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;pr-creator&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  Google Gemini&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt;  &lt;a href="https://github.com/google-gemini/gemini-cli/tree/main/.gemini/skills/pr-creator" rel="noopener noreferrer"&gt;https://github.com/google-gemini/gemini-cli/tree/main/.gemini/skills/pr-creator&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Automatiza a criação de Pull Requests de alta qualidade, garantindo que sigam os templates do projeto e passem por verificações de qualidade básicas antes da submissão.&lt;/p&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Criação padronizada:&lt;/strong&gt;  Gera títulos e descrições baseados nos commits, executa linters e testes antes de abrir o PR.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Onboarding de novos membros:&lt;/strong&gt;  Ajuda quem não conhece o fluxo do projeto a seguir as normas de submissão sem erros.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Correção de Linting e Formatação
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;fix&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor:&lt;/strong&gt;  Facebook (Meta)&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt;  &lt;a href="https://github.com/facebook/react/tree/main/.claude/skills/fix" rel="noopener noreferrer"&gt;https://github.com/facebook/react/tree/main/.claude/skills/fix&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Automatiza a correção de estilo e erros de &lt;strong&gt;linting&lt;/strong&gt;. Utiliza &lt;code&gt;yarn prettier&lt;/code&gt; para formatação e &lt;code&gt;yarn linc&lt;/code&gt; para encontrar erros lógicos ou variáveis não utilizadas.&lt;/p&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Limpeza pré-commit:&lt;/strong&gt;  Garante que o código esteja visualmente limpo e sem avisos de linter.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Correção de falhas no CI:&lt;/strong&gt;  Quando o pipeline falha por erro de formatação, esta Skill resolve o problema localmente com um comando.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Atualização de Documentação Técnica
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;update-docs&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  Vercel&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt;  &lt;a href="https://github.com/vercel/next.js/tree/canary/.claude/skills/update-docs" rel="noopener noreferrer"&gt;https://github.com/vercel/next.js/tree/canary/.claude/skills/update-docs&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Fluxo de trabalho guiado para manter a documentação do Next.js sincronizada com o código-fonte. Analisa mudanças no código e sugere quais arquivos &lt;code&gt;.md&lt;/code&gt; ou &lt;code&gt;.mdx&lt;/code&gt; precisam ser editados.&lt;/p&gt;

&lt;h2&gt;
  
  
  Arquivos de Recurso
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;CODE-TO-DOCS-MAPPING.md&lt;/code&gt;: Mapeia quais arquivos de código afetam quais documentos.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;DOC-CONVENTIONS.md&lt;/code&gt;: Guia de estilo e formato para manter a consistência.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Análise de impacto:&lt;/strong&gt;  Identifica quais documentos ficaram defasados após uma mudança de API.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Criação de scaffolds:&lt;/strong&gt;  Gera templates para novos componentes ou funções seguindo o padrão do projeto.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Encontrar Novas Skills
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Nome:&lt;/strong&gt;  &lt;code&gt;find-skills&lt;/code&gt;&lt;br&gt;
&lt;strong&gt;Autor&lt;/strong&gt;&lt;strong&gt;:&lt;/strong&gt;  Vercel&lt;br&gt;
&lt;strong&gt;Link:&lt;/strong&gt; &lt;a href="https://github.com/vercel-labs/skills/tree/main/skills/find-skills" rel="noopener noreferrer"&gt;https://github.com/vercel-labs/skills/tree/main/skills/find-skills&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Introdução
&lt;/h2&gt;

&lt;p&gt;Ajuda você a descobrir e instalar novas Agent Skills através de uma ferramenta de linha de comando (CLI).&lt;/p&gt;

&lt;h2&gt;
  
  
  Cenários de Aplicação
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Exploração:&lt;/strong&gt;  Pergunte "Como posso gerar documentação?" e ele buscará skills relacionadas no ecossistema.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Instalação direta:&lt;/strong&gt;  Fornece o comando pronto (ex: &lt;code&gt;npx skills add ...&lt;/code&gt;) para adicionar a funcionalidade ao seu agente.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;&lt;strong&gt;Sinta-se à vontade para instalar e testar! Começar a usar essas Skills é o primeiro passo para um desenvolvimento muito mais ágil.&lt;/strong&gt; &lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
    <item>
      <title>Muito além de escrever código | Como criar vídeos usando Remotion Skills</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Mon, 23 Mar 2026 08:00:39 +0000</pubDate>
      <link>https://dev.to/captaincc/muito-alem-de-escrever-codigo-como-criar-videos-usando-remotion-skills-4h9k</link>
      <guid>https://dev.to/captaincc/muito-alem-de-escrever-codigo-como-criar-videos-usando-remotion-skills-4h9k</guid>
      <description>&lt;h2&gt;
  
  
  O que é o Remotion?
&lt;/h2&gt;

&lt;p&gt;O Remotion é um framework para criar vídeos de forma programática usando React. Você não precisa aprender After Effects ou DaVinci Resolve, nem quebrar a cabeça descobrindo como arrastar e soltar arquivos de mídia em uma &lt;em&gt;timeline&lt;/em&gt; (linha do tempo). Você pode definir animações, transições e efeitos visuais diretamente através de &lt;em&gt;vibe coding&lt;/em&gt;. Pense nele como o "React para vídeos" — você constrói a composição do vídeo usando componentes, &lt;em&gt;props&lt;/em&gt; e as tecnologias Web com as quais você já está familiarizado.&lt;br&gt;
O surgimento das Remotion Skills quebra as fronteiras da produção de vídeo tradicional, permitindo que a criação de um &lt;em&gt;vibe video&lt;/em&gt; seja feita de forma tão rápida e fluida quanto o &lt;em&gt;vibe coding&lt;/em&gt;, tudo através de interações por chat (conversas).&lt;/p&gt;
&lt;h2&gt;
  
  
  O que é possível fazer no TRAE?
&lt;/h2&gt;

&lt;p&gt;Usar as Agent Skills do Remotion no TRAE permite que você faça o &lt;em&gt;vibe code&lt;/em&gt; de um vídeo completo utilizando apenas linguagem natural. Basta descrever diretamente os elementos que você deseja: animações, transições, efeitos de UI e muito mais. O TRAE gera o código do Remotion para você em poucos minutos, sem que você precise abrir um editor de vídeo tradicional em nenhum momento!&lt;br&gt;
&lt;strong&gt;Casos de uso:&lt;/strong&gt; Os vídeos gerados com o uso destas Skills são perfeitos para demonstrações de produtos (product demos), anúncios de lançamento de funcionalidades (feature releases) e vídeos promocionais.&lt;br&gt;
&lt;br&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  Na prática
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;1.Adicione o Remotion às suas TRAE Skills&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Primeiro, você precisa abrir um novo projeto no TRAE.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Existem duas formas de instalar as Remotion Skills:&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Método 1:&lt;/strong&gt; Baixar o arquivo .zip do repositório no GitHub: &lt;a href="https://github.com/remotion-dev/remotion/tree/main/packages/skills" rel="noopener noreferrer"&gt;https://github.com/remotion-dev/remotion/tree/main/packages/skills&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;M&lt;/strong&gt;&lt;strong&gt;étodo 2:&lt;/strong&gt; Instalar via linha de comando com o Skill.sh. Basta copiar o comando abaixo e colar direto no terminal do TRAE.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;p&gt;Em "Which agents do you want to install to" (Para quais agentes você deseja instalar), selecione "TRAE Global" ou "TRAE China".&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Furkkc6efgx7022x6vceb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Furkkc6efgx7022x6vceb.png" alt=" " width="800" height="585"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Em "Installation scope" (Escopo de instalação), selecione "Project" (Projeto). Dessa forma, as Remotion Skills serão aplicadas apenas ao projeto atual.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7x6busdy1gk0vjiqj7gz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7x6busdy1gk0vjiqj7gz.png" alt=" " width="800" height="462"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;No método de instalação, selecione "Symlink":&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxj7240tmr5fvylruuewa.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxj7240tmr5fvylruuewa.png" alt=" " width="800" height="491"&gt;&lt;/a&gt;&lt;/p&gt;



&lt;p&gt;&lt;strong&gt;2. Comece a gerar o trecho de introdução do seu vídeo&lt;/strong&gt;&lt;br&gt;
Primeiro, você precisa pensar em como deseja apresentar os elementos-chave da introdução do vídeo e, em seguida, especificar essas informações claramente no &lt;em&gt;prompt&lt;/em&gt; (comando), incluindo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Tema: O que você vai mostrar.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Resolução do vídeo: O Remotion suporta vários tamanhos, mas mudar no meio do caminho dá muito trabalho. Portanto, recomendamos definir os requisitos de tamanho/proporção do vídeo desde o início.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Cena inicial: Mantenha simples (por exemplo, um comando no terminal abrindo um diretório de arquivos).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Estilo visual: Defina o visual (&lt;em&gt;look and feel&lt;/em&gt;) do seu vídeo.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Vamos criar uma animação no Remotion para a nova funcionalidade das TRAE Skills, que agora suporta Skills em nível global (global) e de projeto (project-level).

Primeiro, crie uma nova composition (composição):
Um console no estilo janela de terminal do macOS, com resolução de 1920px x 1080px, e uma animação de digitação (typewriter effect) inserindo o comando "cd ./trae/skills".

Tema claro (light theme) e minimalista.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;p&gt;&lt;strong&gt;3.Transição para captura de tela (screenshot) e adição do próximo efeito de animação&lt;/strong&gt;&lt;br&gt;
Você pode anexar uma captura de tela (screenshot) do produto para que o Remotion crie os elementos visuais.&lt;br&gt;
&lt;br&gt;&lt;/p&gt;

&lt;p&gt;Por exemplo, no vídeo sobre as TRAE Skills, nós anexamos um &lt;em&gt;screenshot&lt;/em&gt; do painel das TRAE Skills e, em seguida, pedimos ao &lt;em&gt;agent&lt;/em&gt; para gerar a animação do próximo quadro (&lt;em&gt;frame&lt;/em&gt;) com base nessa imagem:&lt;br&gt;
&lt;br&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Adicione uma transição animada para o painel mostrado no screenshot que eu enviei.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;p&gt;Além disso, você também pode adicionar animações dentro do &lt;em&gt;screenshot&lt;/em&gt; (captura de tela) por meio de &lt;em&gt;prompts&lt;/em&gt;(comandos). Neste caso, vamos adicionar uma animação para destacar as duas abas (&lt;em&gt;tabs&lt;/em&gt;) diferentes no painel de Skills: "Global" e "Project".&lt;br&gt;
&lt;br&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Agora, com base no screenshot (captura de tela), destaque a aba 'Project' (Projeto) e você pode adicionar algumas Agent Skills dentro dela.

Depois, alterne para destacar a aba 'Global' e abra-a, e você também pode adicionar algumas Agent Skills dentro dela.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;p&gt;&lt;strong&gt;4.Continue adicionando&lt;/strong&gt; &lt;strong&gt;&lt;em&gt;screenshots&lt;/em&gt;&lt;/strong&gt; &lt;strong&gt;ou elementos de UI para refinar os detalhes&lt;/strong&gt;&lt;br&gt;
&lt;br&gt;&lt;/p&gt;

&lt;p&gt;Você pode continuar adicionando mais &lt;em&gt;screenshots&lt;/em&gt; (capturas de tela) ou elementos de UI para aperfeiçoar os detalhes do vídeo. Agora, vamos refinar os detalhes de uma única Skill na lista, para que ela fique perfeitamente alinhada com a UI nativa do TRAE:&lt;br&gt;
&lt;br&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Agora, altere a UI do painel de adição de Skills para que fique idêntica à UI do screenshot (captura de tela) que eu enviei. Certifique-se de que cada arquivo de Skill mostre o logotipo correto (aquele laranja do lado esquerdo), e que o botão de toggle (liga/desliga) e o botão de configurações fiquem do lado direito.

Os nomes das Skills não precisam ser iguais aos que estão no meu screenshot.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;p&gt;Em seguida, adicione uma animação para demonstrar a alternância do botão de &lt;em&gt;toggle&lt;/em&gt; (liga/desliga) de cada Skill:&lt;br&gt;
&lt;br&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Agora, na aba 'Global', faça o toggle (ative/desative) de 1 ou 2 Skills para demonstrar os botões em ação.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;p&gt;E pronto! Agora você tem uma versão inicial de um vídeo de atualização de produto (product update) sobre as TRAE Skills finalizado.&lt;br&gt;
&lt;br&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Outras recomendações de &lt;em&gt;prompts&lt;/em&gt; úteis para as Remotion Skills
&lt;/h2&gt;



&lt;p&gt;Você pode enviar esses &lt;em&gt;prompts&lt;/em&gt; (comandos) diretamente na caixa de chat da IA:&lt;br&gt;
&lt;br&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Visualizar a &lt;em&gt;timeline&lt;/em&gt; (linha do tempo) do vídeo, útil para ajustar detalhes de &lt;em&gt;frames&lt;/em&gt; (quadros) específicos:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Mostre a timeline com todos os efeitos de animação.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;ul&gt;
&lt;li&gt;Adicionar um texto deslizando para a tela (slide-in):
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Exiba o texto 'Agent Skills now available in TRAE' por 2 segundos, usando a fonte Inter.
Adicione uma animação de escala (scale/zoom) ao texto, usando uma curva de ease-out.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;ul&gt;
&lt;li&gt;Adicionar um efeito de rotação 3D a um elemento:
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Adicione uma rotação 3D à janela do terminal na cena de introdução, usando rotateX(20deg) e rotateY(-20deg).
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;ul&gt;
&lt;li&gt;Adicionar uma imagem de &lt;em&gt;background&lt;/em&gt; (fundo) ao vídeo
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Substitua o fundo branco do vídeo por uma imagem de background verde-escura.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;





&lt;p&gt;Com o apoio das Skills, podemos ousar e explorar novos casos de uso, deixando de nos limitar apenas à escrita de código. Elas trazem infinitas possibilidades para todos. Se você ainda não testou, que tal começar criando o seu primeiro vídeo e usá-lo como ponto de partida? Talvez, a partir de hoje, a sua mentalidade para resolver problemas e a sua forma de criar valor comecem a mudar de um jeito surpreendente.&lt;br&gt;
&lt;br&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
    <item>
      <title>A versão Global do TRAE agora tem suporte nativo ao Gemini 3.1 Pro</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Mon, 23 Mar 2026 06:52:51 +0000</pubDate>
      <link>https://dev.to/captaincc/a-versao-global-do-trae-agora-tem-suporte-nativo-ao-gemini-31-pro-2oc1</link>
      <guid>https://dev.to/captaincc/a-versao-global-do-trae-agora-tem-suporte-nativo-ao-gemini-31-pro-2oc1</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fecy7i8rr6asf4af7tftl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fecy7i8rr6asf4af7tftl.png" alt=" " width="800" height="1066"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;O Gemini 3.1 Pro é o modelo mais recente da família Gemini 3. Segundo informações oficiais, ele traz capacidades de raciocínio avançadas e maior eficiência de tokens. Foi otimizado especificamente para cenários de engenharia de software, com foco em desempenho e usabilidade. É ideal para fluxos de trabalho de agentes (agent workflows) que exigem chamadas precisas a ferramentas (tool calling) e execução em múltiplas etapas, cobrindo os mais diversos casos de uso.&lt;/p&gt;

&lt;p&gt;A versão Global do TRAE já integra o Gemini-3.1-Pro-Preview, disponível simultaneamente no próprio IDE e no modo SOLO. Ele oferece suporte a inputs de imagem, raciocínio lógico e funções de memória (contexto). Isso impulsiona a automação no desenvolvimento, elevando a eficiência da sua equipe na construção de projetos e na execução de tarefas do dia a dia.&lt;/p&gt;

&lt;p&gt;O TRAE continuará trazendo os modelos mais recentes e de melhor desempenho no universo da programação. Baixe a versão Global do TRAE e experimente agora mesmo!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
    <item>
      <title>O TRAE IDE para Linux foi lançado oficialmente</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Mon, 23 Mar 2026 06:44:24 +0000</pubDate>
      <link>https://dev.to/captaincc/o-trae-ide-para-linux-foi-lancado-oficialmente-5ma</link>
      <guid>https://dev.to/captaincc/o-trae-ide-para-linux-foi-lancado-oficialmente-5ma</guid>
      <description>&lt;p&gt;O TRAE IDE agora tem suporte para a plataforma Linux, com as versões chinesa e global lançadas simultaneamente.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Construído nativamente para Linux&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A versão do TRAE IDE para Linux disponibiliza os formatos de pacote de instalação .deb e .rpm, cobrindo as principais distribuições das famílias Debian/Ubuntu e RHEL/Fedora, com suporte para as arquiteturas arm64 e x64. O IDE atende perfeitamente engenheiros de Back-end, Full-stack, DevOps e ML em suas rotinas de desenvolvimento no ambiente Linux.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Zero diferenças de recursos&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;A versão para Linux possui exatamente as mesmas funcionalidades que as versões para macOS e Windows. Todos os recursos — como modo SOLO, Chat, InlineChat, preenchimento de código com IA (AI code completion), MCP e desenvolvimento remoto via Remote-SSH — estão prontos para uso (out-of-the-box), sem a necessidade de configurações adicionais.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Migração com apenas um cliqueO&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;TRAE IDE para Linux permite importar extensões (plugins), configurações da IDE e atalhos de teclado do VS Code e de outras IDEs com apenas um clique, garantindo uma transição com custo zero de adaptação.&lt;br&gt;
Com isso, o TRAE IDE alcança oficialmente a cobertura total nas três plataformas: macOS + Windows + Linux. Não importa em qual sistema operacional você trabalhe, você terá sempre uma experiência de programação com IA consistente.&lt;br&gt;
Baixe agora mesmo a versão do TRAE IDE para Linux e traga o poder nativo da IA para o seu ambiente de desenvolvimento!&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Além de Escrever Código | Como o P&amp;D utiliza Skills para impulsionar a detecção de defeitos de negócio</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Thu, 19 Mar 2026 08:12:36 +0000</pubDate>
      <link>https://dev.to/captaincc/alem-de-escrever-codigo-como-o-pd-utiliza-skills-para-impulsionar-a-deteccao-de-defeitos-de-gdi</link>
      <guid>https://dev.to/captaincc/alem-de-escrever-codigo-como-o-pd-utiliza-skills-para-impulsionar-a-deteccao-de-defeitos-de-gdi</guid>
      <description>&lt;h1&gt;
  
  
  Prefácio
&lt;/h1&gt;

&lt;p&gt;Como transferir de forma transparente o "pensamento de qualidade" de especialistas seniores em QA para os desenvolvedores da linha de frente, permitindo que os bugs sejam interceptados no momento da codificação, em vez de esperar pelo deploy ou, pior, explodirem em produção?&lt;br&gt;
Antes de responder a essa pergunta, precisamos definir a essência de um "defeito". Na prática do desenvolvimento, os defeitos geralmente se dividem em duas categorias:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Defeitos Gerais (Hard Knowledge):&lt;/strong&gt;  São as "feridas expostas" no nível do código, como exceções de ponteiro nulo (NullPointer), SQL injection, vazamentos de memória ou nomenclaturas fora dos padrões. Para esses problemas existem respostas padrão, e ferramentas de varredura estática (como SonarQube) já fazem um excelente trabalho.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Defeitos de Negócio (Soft Knowledge):&lt;/strong&gt;  São as "brechas lógicas" ligadas a cenários de negócio específicos. Por exemplo: "Antes do fim de uma promoção, a máquina de estados do pedido permite pular direto para o reembolso?" ou "O cálculo de benefícios para usuários VIP esqueceu uma nova regra?". Esses problemas dependem fortemente do contexto, e as ferramentas estáticas tradicionais são impotentes contra eles.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;O ponto de dor atual é que a maioria das plataformas de qualidade voltadas para "defeitos de negócio" vive fora da IDE: as normas estão nos documentos, as regras na cabeça das pessoas, mas o desenvolvedor está no editor. Todos conhecem as normas, mas ninguém sai do seu estado de &lt;em&gt;flow&lt;/em&gt; para folhear centenas de páginas de documentação de negócio enquanto coda.&lt;br&gt;
Com base nisso, este artigo explora o uso do &lt;strong&gt;Modo SOLO + Agent Skills personalizados&lt;/strong&gt;: transformamos capacidades complexas de detecção de qualidade em "Habilidades Atômicas de Desenvolvimento" reutilizáveis, permitindo que cada desenvolvedor invoque um "Especialista Virtual em Qualidade" a qualquer momento.&lt;br&gt;
Ao orquestrar &lt;strong&gt;5 Agent Skills&lt;/strong&gt; dentro da IDE, automatizamos toda a cadeia: da compreensão de requisitos e alinhamento técnico até a análise de mudanças de código, julgamento de defeitos e sugestões de correção.&lt;br&gt;
Isso significa que cada desenvolvedor tem ao seu lado um especialista que entende tanto do negócio quanto do código, expondo defeitos críticos de alto risco antes mesmo do código ser enviado para teste.&lt;br&gt;
Dados reais mostram que essa abordagem aumentou significativamente a conscientização de qualidade dos desenvolvedores e a eficiência na interceptação de bugs.&lt;/p&gt;




&lt;h1&gt;
  
  
  Como fazer a qualidade "morar" dentro da IDE?
&lt;/h1&gt;

&lt;p&gt;Como desenvolvedores, passamos 90% do tempo imersos na IDE construindo lógica e depurando stacks. No entanto, os "critérios" que determinam se o código está correto estão espalhados em um mar de informações fora da IDE.&lt;/p&gt;

&lt;h2&gt;
  
  
  A Fragmentação da Experiência de Desenvolvimento
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Requisitos Fragmentados:&lt;/strong&gt;  A lógica central pode estar escondida em um comentário de um documento ou na quinta revisão de um PRD (Documento de Requisitos do Produto).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Conhecimento Implícito:&lt;/strong&gt;  Muitas regras históricas de negócio não estão documentadas; estão em cantos da Wiki ou sobrevivem apenas no "boca a boca" de funcionários que já saíram da empresa.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Feedback Tardio:&lt;/strong&gt;  A detecção tradicional de qualidade ocorre após o commit. Você precisa esperar a pipeline de CI rodar, olhar centenas de linhas de log no Jenkins ou Sonar para descobrir uma falha lógica. Nesse ponto, você já mudou para a próxima tarefa, e esse "feedback assíncrono" eleva drasticamente o custo de correção.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;A consequência direta disso é o alto custo de troca de contexto. No cenário real, poucos conseguem alternar telas para consultar o Product Manager a cada linha escrita. Quando o &lt;em&gt;deadline&lt;/em&gt; aperta, a escolha humana natural é:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;"Acho que vi essa lógica de reembolso em algum lugar, mas procurar no histórico do chat agora vai quebrar meu raciocínio... por experiência, deve ser escrito assim..."&lt;/em&gt; &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Muitas falhas críticas não surgem da falta de habilidade técnica, mas da sobrecarga cognitiva. Quando o custo de obter a "regra correta" é muito alto e não há auxílio em tempo real na IDE, o bug torna-se parte do sistema silenciosamente no momento em que os dedos tocam o teclado.&lt;/p&gt;

&lt;h2&gt;
  
  
  A Oportunidade com Skills
&lt;/h2&gt;

&lt;p&gt;O mecanismo de &lt;strong&gt;Agent Skills&lt;/strong&gt; traz uma luz: e se pudéssemos encapsular o conhecimento dos especialistas em qualidade em "Skills" instaladas diretamente na IDE? Utilizando as capacidades do &lt;strong&gt;TRAE&lt;/strong&gt;, fornecemos aos desenvolvedores um conjunto de "plugins de assistência de qualidade" leves, instantâneos e integrados.&lt;/p&gt;




&lt;h1&gt;
  
  
  Design Principal: Transformando "Experiência de Especialista" em "Agent Skills"
&lt;/h1&gt;

&lt;p&gt;Não construímos uma plataforma do zero. Baseados no Modo SOLO do TRAE, decompusemos anos de experiência de QAs seniores e arquitetos em 5 Skills padronizadas. Elas focam em resolver as três perguntas fundamentais que os desenvolvedores mais fazem:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;O que o requisito realmente pede?&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Como o sistema está implementado?&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Esqueci de algo nesta alteração?&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Como as Skills foram desenhadas
&lt;/h2&gt;

&lt;p&gt;Dividimos a cadeia de detecção de qualidade em "capacidades atômicas" que podem ser chamadas individualmente na IDE. Cada Skill é responsável por uma única tarefa.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Confusão no Desenvolvimento&lt;/th&gt;
&lt;th&gt;Habilidade do Agente (Skill)&lt;/th&gt;
&lt;th&gt;Descrição da Habilidade (Experiência Especialista em Código)&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;"Este repositório é complexo demais, onde devo focar?"&lt;/td&gt;
&lt;td&gt;codebase-insight-analyzer&lt;/td&gt;
&lt;td&gt;Guia Global: Identifica rapidamente as camadas da arquitetura e domínios de negócio principais, evitando alterações em locais errados.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;"O PRD é gigante, qual é o ponto principal?"&lt;/td&gt;
&lt;td&gt;prd-function-extractor&lt;/td&gt;
&lt;td&gt;Refinador de Requisitos: Extrai regras estruturadas de documentos, especialmente as "condições de contorno" que costumam ser ignoradas.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;"Como esses conceitos de negócio se aplicam no código?"&lt;/td&gt;
&lt;td&gt;trd-spec-extractor&lt;/td&gt;
&lt;td&gt;Tradutor: Mapeia "entidades de negócio" (ex: Nível do Usuário) para "entidades de código" (ex: Enum UserType), resolvendo problemas de nomenclatura inconsistente.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;"O que exatamente minha alteração afetou?"&lt;/td&gt;
&lt;td&gt;function-level-defect-tracer&lt;/td&gt;
&lt;td&gt;Microscópio: Baseado em análise AST, localiza com precisão o impacto lógico da mudança, indo além de um simples diff de texto.&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;"A lógica está correta?"&lt;/td&gt;
&lt;td&gt;business-rule-defect-detector&lt;/td&gt;
&lt;td&gt;Juiz: Combina todas as informações acima para realizar uma dedução lógica e julgar se a implementação divergiu dos requisitos.&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h1&gt;
  
  
  Exemplo de Uso das Skills
&lt;/h1&gt;

&lt;p&gt;Antes de realizar o commit, utilize as &lt;strong&gt;TRAE Skills&lt;/strong&gt; para detecção de defeitos.&lt;br&gt;
&lt;strong&gt;Passo 1: Importar as Skills&lt;/strong&gt;&lt;br&gt;
Crie a pasta &lt;code&gt;.trae/skills&lt;/code&gt; na raiz do projeto e coloque os pacotes de habilidades lá.&lt;br&gt;
&lt;strong&gt;Passo 2: Configurar ferramentas MCP&lt;/strong&gt;&lt;br&gt;
O fluxo de detecção requer análise de documentos de requisitos e técnicos. Configure a ferramenta &lt;strong&gt;MCP do Lark/Feishu&lt;/strong&gt; para ler esses documentos.&lt;br&gt;
&lt;em&gt;(Siga o fluxo padrão de configuração de URL do servidor e autorização de ferramentas de "Documentos em Nuvem" no painel do TRAE).&lt;/em&gt; &lt;br&gt;
&lt;strong&gt;Passo 3: Acionar o fluxo de detecção&lt;/strong&gt;&lt;br&gt;
Com as Skills e o MCP configurados, dispare o fluxo de detecção de defeitos no Modo SOLO.&lt;/p&gt;




&lt;h1&gt;
  
  
  Na Prática: Uma Detecção "Invisível"
&lt;/h1&gt;

&lt;p&gt;Vamos acompanhar o fluxo sob a perspectiva de um desenvolvedor ("Zhang") trabalhando na funcionalidade &lt;strong&gt;"Modo Não Perturbe Noturno para Mensagens"&lt;/strong&gt; .&lt;br&gt;
&lt;strong&gt;Cenário:&lt;/strong&gt; &lt;br&gt;
Zhang precisa implementar: das 22:00 às 08:00 do dia seguinte, mensagens de marketing devem ser silenciadas, mas mensagens de código de verificação (OTP) não são afetadas. Zhang terminou o código e vai validar.&lt;/p&gt;

&lt;h2&gt;
  
  
  Workflow Strategy: Pipeline de Detecção Serializada
&lt;/h2&gt;

&lt;p&gt;Desenhamos um workflow serial de 5 etapas para garantir que a saída de uma fase seja o contexto da próxima.&lt;/p&gt;

&lt;h4&gt;
  
  
  Step 1: Construir Percepção Técnica Global (Skill 1)
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Skill:&lt;/strong&gt;  &lt;code&gt;codebase-insight-analyzer&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ação:&lt;/strong&gt;  Zhang digita "analisar repositório atual".&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;O que aconteceu por trás?&lt;/strong&gt; O agente realiza uma "engenharia reversa da arquitetura": identifica o stack (Go, Kitex, Redis), infere as camadas (DDD-lite) e localiza os domínios centrais (&lt;code&gt;internal/biz/strategy&lt;/code&gt;).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Resultado (&lt;/strong&gt;&lt;strong&gt;&lt;code&gt;AGENTS.md&lt;/code&gt;&lt;/strong&gt;&lt;strong&gt;):&lt;/strong&gt;  Gera um mapa de guerra estruturado para as próximas Skills.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Step 2: Extrair Requisitos Estruturados do PRD (Skill 2)
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Skill:&lt;/strong&gt;  &lt;code&gt;prd-function-extractor&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ação:&lt;/strong&gt;  Zhang fornece o link do PRD e pede para "extrair regras de Não Perturbe".&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;O que aconteceu?&lt;/strong&gt; Atua como um analista de negócios: identifica cenários principais, limpa ruídos do documento e gera um JSON com regras e IDs únicos (ex: "verificar fuso horário do usuário").&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Valor:&lt;/strong&gt;  Expõe "restrições implícitas" que o desenvolvedor poderia ignorar.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Step 3: Alinhar Regras de Negócio com Implementação Técnica (Skill 3)
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Skill:&lt;/strong&gt;  &lt;code&gt;trd-spec-extractor&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ação:&lt;/strong&gt;  O Agente analisa o TRD (Documento Técnico) com base no conhecimento dos passos 1 e 2.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;O que aconteceu?&lt;/strong&gt; Faz a &lt;strong&gt;Fusão de Contexto&lt;/strong&gt;. Mapeia "Fuso Horário" para &lt;code&gt;UserContext.GetTimezone()&lt;/code&gt; e define que a regra de isenção de OTP é uma restrição rígida no código.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Valor:&lt;/strong&gt;  Elimina o abismo semântico entre a linguagem natural e o código.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Step 4: Bloquear Precisamente o Escopo da Mudança (Skill 4)
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Skill:&lt;/strong&gt;  &lt;code&gt;function-level-defect-tracer&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ação:&lt;/strong&gt;  O Agente analisa o Git Diff.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;O que aconteceu?&lt;/strong&gt; Realiza análise de AST (Árvore de Sintaxe Abstrata). Ignora mudanças de comentários ou espaços e foca nas 13 linhas alteradas no método &lt;code&gt;SendMessage&lt;/code&gt;. Identifica o uso de &lt;code&gt;time.Now()&lt;/code&gt; como um ponto de risco.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Step 5: Julgamento de Defeitos e Fechamento do Ciclo (Skill 5)
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Skill:&lt;/strong&gt;  &lt;code&gt;business-rule-defect-detector&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ação:&lt;/strong&gt;  O Agente consolida as 4 etapas anteriores para o veredito final.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;O que aconteceu?&lt;/strong&gt; Executa o Raciocínio de Evidências Multi-Fonte:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Fato:&lt;/strong&gt;  O código usa &lt;code&gt;if hour &amp;gt;= 22&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Regra:&lt;/strong&gt;  O PRD exige bloqueio das 22h às 08h.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Conflito:&lt;/strong&gt;  O código esqueceu a faixa das 00h às 08h.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Conclusão:&lt;/strong&gt;  Detectado defeito de lógica de negócio nível [P0].&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;&lt;p&gt;&lt;strong&gt;Resultado:&lt;/strong&gt;  O Agente gera um relatório e oferece o botão &lt;strong&gt;"Apply Fix"&lt;/strong&gt;  no TRAE para corrigir o código instantaneamente.&lt;/p&gt;&lt;/li&gt;

&lt;/ul&gt;




&lt;h1&gt;
  
  
  De "Desenvolvedor buscando Normas" para "Normas encontrando o Desenvolvedor"
&lt;/h1&gt;

&lt;p&gt;Esta prática demonstra que a IDE TRAE não é apenas um editor, mas uma &lt;strong&gt;plataforma de montagem de capacidades de P&amp;amp;D&lt;/strong&gt;.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Imersão:&lt;/strong&gt;  O desenvolvedor não precisa saltar entre IDE, Wiki e Jira. Tudo acontece no chat da IDE.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Shift-Left Extremo:&lt;/strong&gt;  Interceptamos o erro antes do commit. Isso muda a mentalidade: "Qualidade não é algo testado depois, é algo construído no design".&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Ativação do Conhecimento:&lt;/strong&gt;  Regras que ficavam "pegando poeira" na Wiki agora são habilidades ativas. O conhecimento morto torna-se capacidade viva.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Conclusão
&lt;/h2&gt;

&lt;p&gt;A combinação de &lt;strong&gt;SOLO + Agent Skills&lt;/strong&gt; inaugura um novo paradigma: a evolução colaborativa entre Humanos e Agentes. O humano define as regras e o julgamento de valor; o Agente cuida da memória, execução e sugestão de correção.&lt;br&gt;
Neste sistema, nenhum desenvolvedor luta sozinho. Atrás dele, há um "Assistente Digital de Qualidade" forjado em experiências de especialistas e melhores práticas.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
    <item>
      <title>Guia de Seleção de Modelos no TRAE</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Thu, 19 Mar 2026 07:33:49 +0000</pubDate>
      <link>https://dev.to/captaincc/guia-de-selecao-de-modelos-no-trae-3jde</link>
      <guid>https://dev.to/captaincc/guia-de-selecao-de-modelos-no-trae-3jde</guid>
      <description>&lt;p&gt;Até o momento, o modo &lt;strong&gt;SOLO&lt;/strong&gt; do TRAE conta com os principais modelos do mercado, incluindo: &lt;strong&gt;Gemini-3-Pro-Preview&lt;/strong&gt;, &lt;strong&gt;GPT-5.3-Codex&lt;/strong&gt;, &lt;strong&gt;Kimi-K2-0905&lt;/strong&gt; e &lt;strong&gt;DeepSeek-V3.1&lt;/strong&gt;.&lt;br&gt;
Cada modelo consome uma quantidade diferente de Tokens. Nem todas as tarefas exigem o modelo mais "pesado"; escolher o modelo certo para cada entrega é uma das melhores formas de otimizar seus custos.&lt;br&gt;
&lt;strong&gt;Lembre-se sempre:&lt;/strong&gt;  O segredo não é escolher o modelo "mais forte", mas sim o &lt;strong&gt;"mais adequado"&lt;/strong&gt; .&lt;/p&gt;




&lt;h2&gt;
  
  
  Escolha rápida por características da tarefa
&lt;/h2&gt;

&lt;p&gt;Antes de escolher, responda a estas duas perguntas para restringir suas opções:&lt;/p&gt;

&lt;h4&gt;
  
  
  1. Qual é a sua entrada principal?
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Materiais visuais:&lt;/strong&gt;  (Designs de UI, prints, protótipos feitos à mão)&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;Sim&lt;/em&gt; → Vá de &lt;strong&gt;Gemini-3-Pro-Preview&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Cenários de codificação sérios:&lt;/strong&gt;  (Alta precisão lógica e código de fácil manutenção)&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;Sim&lt;/em&gt; → Vá de &lt;strong&gt;GPT-5.3-Codex&lt;/strong&gt;.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Instruções estruturadas ou código direto:&lt;/strong&gt;  (Requisitos claros, comandos Shell)&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;Sim&lt;/em&gt; → Vá de &lt;strong&gt;Kimi-K2-0905&lt;/strong&gt; (estável e mais rápido).&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Entrada em português/chinês e linguagens de nicho:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;Sim&lt;/em&gt; → Vá de &lt;strong&gt;DeepSeek-V3.1&lt;/strong&gt; (suporta mais de 338 linguagens de programação).&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;

&lt;h4&gt;
  
  
  2. Qual é a complexidade da demanda?
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Raciocínio complexo ou planejamento autônomo:&lt;/strong&gt;  (Ex: "Desenhe um sistema administrativo", refatoração de repositório)&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;Sim&lt;/em&gt; → &lt;strong&gt;GPT-5.3-Codex&lt;/strong&gt; é a escolha premium para engenharia de software.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Desenvolvimento de interface e estética:&lt;/strong&gt;  (Ex: Screenshot → gerar UI + Lógica)&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;Sim&lt;/em&gt; → &lt;strong&gt;Gemini-3-Pro-Preview&lt;/strong&gt; brilha no multimodal.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Tarefa clara, mas repetitiva:&lt;/strong&gt;  (Ex: Criar páginas via protótipo, código boilerplate, revisão de grandes projetos)&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;Sim&lt;/em&gt; → &lt;strong&gt;Kimi-K2-0905&lt;/strong&gt; oferece o melhor custo-benefício.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Alto volume de uso e sensibilidade a preço:&lt;/strong&gt; &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;Sim&lt;/em&gt; → &lt;strong&gt;DeepSeek-V3.1&lt;/strong&gt; é o campeão em economia por token.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;




&lt;h2&gt;
  
  
  Conheça os perfis dos modelos
&lt;/h2&gt;

&lt;h4&gt;
  
  
  1. Gemini-3-Pro-Preview: O Engenheiro Full-Stack Multimodal
&lt;/h4&gt;

&lt;p&gt;Ideal para frontend e UI, especialmente para converter designs em código funcional com alta fidelidade estética.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Vantagens:&lt;/strong&gt;  Visão computacional poderosa (entende gráficos, diagramas e vídeos) e fluxo "Agentic" (age como um parceiro que "mão na massa" dentro da IDE).&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Exemplo:&lt;/strong&gt;  Criar um MVP de um jogo ou app a partir de um rascunho visual.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  2. GPT-5.3-Codex: O Especialista em Lógica e Engenharia
&lt;/h4&gt;

&lt;p&gt;Recomendado para projetos complexos que exigem código de nível de produção (sustentável, escalável e limpo).&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Vantagens:&lt;/strong&gt;  Raciocínio superior para arquitetura de sistemas, tratamento de erros e controle de concorrência. Excelente para identificar bugs lógicos sutis.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Exemplo:&lt;/strong&gt;  Otimização de performance em repositórios legados ou criação de novas features em sistemas críticos.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  3. Kimi-K2-0905: O Assistente Ágil e Eficiente
&lt;/h4&gt;

&lt;p&gt;Perfeito para quando você precisa de um "parça" de programação (Pair-Programming) para entregas rápidas e feedback instantâneo.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Vantagens:&lt;/strong&gt;  Alta eficiência de processamento (arquitetura MoE) e excelente para lidar com tarefas longas divididas em etapas.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Exemplo:&lt;/strong&gt;  Entender rapidamente um projeto open-source desconhecido ou gerar scripts de automação.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  4. DeepSeek-V3.1: O Especialista Multilingue de Baixo Custo
&lt;/h4&gt;

&lt;p&gt;Um "expert em engenharia" pragmático. Ótimo para lidar com diversas linguagens de programação simultaneamente.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Vantagens:&lt;/strong&gt;  Preço imbatível (menos de 1/3 do custo do GPT-5.3) e suporte a 338 linguagens, incluindo as menos comuns.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Exemplo:&lt;/strong&gt;  Refatorar um código de JavaScript para Go ou criar "pontes" (glue code) entre diferentes linguagens.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Resumo Comparativo
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Modelo&lt;/th&gt;
&lt;th&gt;Especialidade&lt;/th&gt;
&lt;th&gt;Perfil de Engenharia&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Gemini-3-Pro&lt;/td&gt;
&lt;td&gt;Visual + Frontend&lt;/td&gt;
&lt;td&gt;O Designer que coda&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;GPT-5.3-Codex&lt;/td&gt;
&lt;td&gt;Lógica + Arquitetura&lt;/td&gt;
&lt;td&gt;O Tech Lead rigoroso&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Kimi-K2-0905&lt;/td&gt;
&lt;td&gt;Velocidade + Execução&lt;/td&gt;
&lt;td&gt;O Desenvolvedor Ágil&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;DeepSeek-V3.1&lt;/td&gt;
&lt;td&gt;Multilingue + Economia&lt;/td&gt;
&lt;td&gt;O Especialista Pragmático&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;Dica final:&lt;/strong&gt;  Comece pelo &lt;strong&gt;Gemini&lt;/strong&gt; se tiver imagens. Use o &lt;strong&gt;GPT&lt;/strong&gt; para garantir qualidade industrial. Escolha o &lt;strong&gt;Kimi&lt;/strong&gt; para iterações rápidas e o &lt;strong&gt;DeepSeek&lt;/strong&gt; para grandes volumes de trabalho sem estourar o orçamento.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
    <item>
      <title>Cue-Pro: Onde a IA encontra o seu "Flow" de codificação</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Thu, 19 Mar 2026 07:27:39 +0000</pubDate>
      <link>https://dev.to/captaincc/cue-pro-onde-a-ia-encontra-o-seu-flow-de-codificacao-1hfo</link>
      <guid>https://dev.to/captaincc/cue-pro-onde-a-ia-encontra-o-seu-flow-de-codificacao-1hfo</guid>
      <description>&lt;p&gt;Desde o lançamento do &lt;strong&gt;Cue-Pro&lt;/strong&gt;, muitos usuários relataram um sentimento em comum: as recomendações de edição do TRAE "acompanham o raciocínio". Ao navegar e editar arquivos de forma contínua, as sugestões não se perdem em módulos irrelevantes, nem sugerem desfazer o que você acabou de criar — a IA segue o seu ritmo, passo a passo.&lt;br&gt;
Essa sensação de fluidez não é por acaso. A capacidade do Cue-Pro de se alinhar ao seu estado de &lt;em&gt;flow&lt;/em&gt; é sustentada pelo framework tecnológico &lt;strong&gt;EditFlow&lt;/strong&gt; — um resultado de pesquisa da equipe do TRAE Cue em conjunto com a Universidade Jiao Tong de Xangai e a Universidade Nacional de Singapura. Recentemente, recebemos uma excelente notícia: o EditFlow foi aceito formalmente pelo &lt;strong&gt;OOPSLA 2026&lt;/strong&gt;, uma das conferências de maior prestígio nas áreas de Linguagens de Programação (PL) e Engenharia de Software (SE).&lt;br&gt;
Na prática, a precisão do Cue-Pro em autocompletar códigos em nível de repositório já é &lt;strong&gt;mais do que o dobro&lt;/strong&gt; de outras ferramentas convencionais do mercado.&lt;/p&gt;

&lt;h2&gt;
  
  
  Que problema o EditFlow resolve?
&lt;/h2&gt;

&lt;p&gt;Atualmente, quase todos os modelos de edição de código são treinados com base em &lt;em&gt;snapshots&lt;/em&gt; de commits. O modelo aprende a diferença final do código, mas perde a sequência exata de como o desenvolvedor editou passo a passo. Ou seja: a IA foca na "correção do código final", enquanto o desenvolvedor depende da "continuidade do processo de codificação". Esse descompasso é o motivo real pelo qual as recomendações de IA costumam interromper o seu raciocínio.&lt;br&gt;
O diferencial do EditFlow é reconstruir a ordem de edição que se perdeu no commit, recuperando o &lt;strong&gt;"mapa de fluxo" (flow map)&lt;/strong&gt; do desenvolvedor. Ele usa esse mapa para filtrar e reordenar as recomendações:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;O que segue o seu flow:&lt;/strong&gt;  É mantido e priorizado.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;O que foge do contexto ou sugere desfazer o que já foi feito:&lt;/strong&gt;  É deixado para depois.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Em experimentos controlados, diversas ferramentas de IA populares que integraram o EditFlow viram um aumento médio de &lt;strong&gt;67% na precisão&lt;/strong&gt; das recomendações. Além disso, em tarefas reais com 32 desenvolvedores, o tempo médio de conclusão foi reduzido em &lt;strong&gt;25%&lt;/strong&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  O Próximo Passo do Cue-Pro
&lt;/h2&gt;

&lt;p&gt;A aceitação do EditFlow em uma conferência de elite é uma validação importante, mas não é a linha de chegada. A equipe do Cue-Pro continuará otimizando o sistema para cenários de edição mais complexos e diversos hábitos de desenvolvimento, garantindo que o seu assistente de IA entenda cada vez mais o seu ritmo.&lt;br&gt;
O artigo científico e o código original são de &lt;strong&gt;código aberto&lt;/strong&gt;. Para quem tiver curiosidade, vale a pena conferir:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;📄 &lt;strong&gt;Artigo (Arxiv):&lt;/strong&gt;  &lt;a href="https://arxiv.org/abs/2602.21697" rel="noopener noreferrer"&gt;https://arxiv.org/abs/2602.21697&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;🔗 &lt;strong&gt;Repositório GitHub:&lt;/strong&gt;  &lt;a href="https://github.com/code-philia/EditFlow" rel="noopener noreferrer"&gt;https://github.com/code-philia/EditFlow&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>ai</category>
      <category>coding</category>
      <category>productivity</category>
      <category>tooling</category>
    </item>
    <item>
      <title>Como economizar com o TRAE (Parte 2) | 10 dicas para poupar tokens</title>
      <dc:creator>Captain</dc:creator>
      <pubDate>Thu, 19 Mar 2026 07:15:47 +0000</pubDate>
      <link>https://dev.to/captaincc/como-economizar-com-o-trae-parte-2-10-dicas-para-poupar-tokens-ldn</link>
      <guid>https://dev.to/captaincc/como-economizar-com-o-trae-parte-2-10-dicas-para-poupar-tokens-ldn</guid>
      <description>&lt;h2&gt;
  
  
  Este artigo vai te ensinar a economizar com TRAE
&lt;/h2&gt;

&lt;p&gt;Neste artigo, vamos partir do método das &lt;strong&gt;“6 perguntas essenciais no AI Coding”&lt;/strong&gt;, até chegar a &lt;strong&gt;10 dicas práticas aplicáveis no dia a dia&lt;/strong&gt;, para te mostrar passo a passo como usar o TRAE de forma mais econômica.&lt;/p&gt;




&lt;h2&gt;
  
  
  Como se compõe o custo de Tokens
&lt;/h2&gt;

&lt;p&gt;No artigo anterior, já explicamos o conceito de Token. Aqui vai um resumo simples:&lt;br&gt;
O custo de uma interação com um modelo pode ser entendido como:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Custo total = (Tokens de entrada sem cache × preço de entrada) + (Tokens de saída × preço de saída) + (Tokens em cache × preço de cache, se houver)&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Componentes:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Tokens de entrada&lt;/strong&gt; Tudo que você envia ao modelo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Pergunta atual&lt;/li&gt;
&lt;li&gt;Histórico da conversa&lt;/li&gt;
&lt;li&gt;Códigos, arquivos ou documentos citados com &lt;code&gt;#&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;&lt;strong&gt;Tokens de saída&lt;/strong&gt; Tudo que o modelo retorna:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Texto&lt;/li&gt;
&lt;li&gt;Código&lt;/li&gt;
&lt;li&gt;Chamadas de ferramentas&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;&lt;p&gt;&lt;strong&gt;Tokens em cache&lt;/strong&gt; Alguns modelos armazenam contexto anterior para reutilização, reduzindo custo em requisições futuras similares.&lt;/p&gt;&lt;/li&gt;

&lt;/ul&gt;

&lt;p&gt;👉 Portanto, fatores que impactam diretamente o custo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Tamanho do contexto enviado&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Número de interações&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Modelo utilizado&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Volume de retorno de ferramentas&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  As 6 perguntas essenciais do AI Coding
&lt;/h2&gt;

&lt;p&gt;Antes das dicas, um ponto mais importante:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Fazer boas perguntas é mais importante do que qualquer “truque de economia”.&lt;/strong&gt; &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Essas 6 perguntas funcionam como um &lt;strong&gt;checklist universal&lt;/strong&gt; para interagir com IA.&lt;/p&gt;

&lt;p&gt;1.O objetivo é único?&lt;/p&gt;

&lt;p&gt;Se a tarefa for complexa:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Divida em etapas&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Evite misturar tarefas&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Ao trocar de objetivo → abra uma nova conversa&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;2.A informação é realmente necessária?&lt;/p&gt;

&lt;p&gt;Pergunte-se:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;“A IA precisa disso para resolver o problema?”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Evite:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Enviar projetos inteiros&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Incluir documentos irrelevantes&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;3.A instrução está clara?&lt;/p&gt;

&lt;p&gt;Evite comandos vagos como:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;“otimizar isso”&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;“ajustar aquilo”&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Prefira instruções específicas e objetivas.&lt;/p&gt;

&lt;p&gt;4.O papel da IA está definido?&lt;/p&gt;

&lt;p&gt;Exemplo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;“Você é um arquiteto sênior em Go”&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;“Você é um especialista em code review”&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 Isso melhora foco e qualidade da resposta.&lt;/p&gt;

&lt;p&gt;5.O formato da saída foi definido?&lt;/p&gt;

&lt;p&gt;Exemplo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;JSON&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Tabela Markdown&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 Evita retrabalho e novas interações.&lt;/p&gt;

&lt;p&gt;6.Você forneceu exemplos?&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Show, don’t tell&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Um exemplo simples de entrada/saída é mais eficaz do que longas explicações.&lt;/p&gt;

&lt;h2&gt;
  
  
  10 dicas para gerenciar melhor o contexto
&lt;/h2&gt;




&lt;h2&gt;
  
  
  Dica 1: Abra novas conversas no momento certo
&lt;/h2&gt;

&lt;p&gt;O histórico é um “consumidor invisível” de Tokens.&lt;br&gt;
Problema:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Contexto acumulado → mais custo + mais ruído&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Quando fazer:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Mudança de tarefa&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Conversa muito longa&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;IA começa a errar ou repetir&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Como fazer:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Um objetivo por conversa&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Reiniciar após muitas interações&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Levar apenas o essencial para nova conversa&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Se falhar 3 vezes → recomeçar&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Dica 2: Limite o escopo com precisão
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Menos é mais&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Dar informação demais:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Aumenta custo&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Confunde a IA&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Como fazer:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;Use &lt;code&gt;#&lt;/code&gt; para referenciar trechos específicos&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Melhor: &lt;code&gt;#UserService.login&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Evitar: arquivo inteiro&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;p&gt;Informe caminhos e linhas:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Ex: &lt;code&gt;/src/auth.go linhas 88–105&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;&lt;p&gt;Inclua apenas arquivos necessários&lt;/p&gt;&lt;/li&gt;

&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fio8hdnv3juks6tu4wvp1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fio8hdnv3juks6tu4wvp1.png" alt=" " width="800" height="586"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Dica 3: Otimize seu input
&lt;/h2&gt;

&lt;p&gt;Comunicar-se com IA = delegar tarefa.&lt;br&gt;
Quanto mais claro:&lt;br&gt;
👉 menos retrabalho&lt;/p&gt;

&lt;h3&gt;
  
  
  Exemplo:
&lt;/h3&gt;

&lt;p&gt;❌ “Otimize esse código”&lt;br&gt;
✅ “Refatore separando a validação em função e adicione tratamento de erro”&lt;/p&gt;

&lt;h3&gt;
  
  
  Boas práticas:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Definir papel + formato&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Colocar todas restrições no início&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Fornecer pseudo-código&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Usar otimização de prompt do TRAE&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7tz3a9u8g1ayl37yvhl9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7tz3a9u8g1ayl37yvhl9.png" alt=" " width="800" height="224"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Dica 4: Trabalhe em lote
&lt;/h2&gt;

&lt;p&gt;Cada interação tem custo fixo.&lt;br&gt;
Muitas interações pequenas:&lt;br&gt;
👉 ineficiente&lt;/p&gt;

&lt;h3&gt;
  
  
  Como fazer:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Agrupar tarefas&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Executar buscas em paralelo&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Modificar múltiplos arquivos de uma vez&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Enviar fluxos completos&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Dica 5: Controle a saída
&lt;/h2&gt;

&lt;p&gt;A saída também custa Tokens.&lt;br&gt;
Problema:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;IA tende a explicar demais&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Como fazer:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;“Não explique, só código”&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Definir formato de saída&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Interromper respostas inúteis&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Usar modo de perguntas (Question)&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs8gvi9mpu4l5shmbxqax.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fs8gvi9mpu4l5shmbxqax.png" alt=" " width="800" height="498"&gt;&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Dica 6: Planeje antes de executar
&lt;/h2&gt;

&lt;p&gt;Para tarefas complexas:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Planejar → depois executar&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Ferramentas:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;/plan&lt;/code&gt; → plano de execução&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;/spec&lt;/code&gt; → documentação completa&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Fluxo:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;spec.md → tasks.md → checklist.md&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 Evita retrabalho caro&lt;/p&gt;




&lt;h2&gt;
  
  
  Dica 7: Use compressão de contexto
&lt;/h2&gt;

&lt;p&gt;Conversas longas:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Perdem foco&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Custam mais&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Compressão:&lt;br&gt;
👉 mantém só o essencial&lt;/p&gt;

&lt;h3&gt;
  
  
  Quando usar:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Mudança de fase&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Respostas piorando&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Mudança leve de contexto&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Dica 8: Crie conhecimento reutilizável
&lt;/h2&gt;

&lt;p&gt;Evite repetir instruções sempre.&lt;/p&gt;

&lt;h3&gt;
  
  
  Ferramentas:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Rules&lt;/strong&gt; → regras fixas&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Skills&lt;/strong&gt; → tarefas reutilizáveis&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Memory&lt;/strong&gt; → preferências automáticas&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 Aumenta consistência e reduz custo&lt;/p&gt;




&lt;h2&gt;
  
  
  Dica 9: Use arquivos Ignore
&lt;/h2&gt;

&lt;p&gt;Arquivos grandes e inúteis:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;aumentam custo&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;poluem contexto&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Excluir:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;dist/&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;build/&lt;/code&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;logs&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;relatórios&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;👉 Similar ao &lt;code&gt;.gitignore&lt;/code&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Dica 10: Escolha o modelo certo
&lt;/h2&gt;

&lt;p&gt;Nem todo problema precisa do melhor modelo.&lt;/p&gt;

&lt;h3&gt;
  
  
  Estratégia:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Tarefas simples → modelos baratos&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Tarefas complexas → modelos avançados&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;⚠️ Evite trocar modelo no meio:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;perde cache&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;aumenta custo&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Conclusão: otimizações do TRAE
&lt;/h2&gt;

&lt;p&gt;O TRAE já implementa melhorias importantes:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Detecção de loop infinito&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Melhor uso de cache&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Compressão inteligente&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Arquitetura com sub-agents&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Otimização específica por modelo&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Mensagem final
&lt;/h2&gt;

&lt;p&gt;Gerenciar Tokens não é sobre usar menos IA.&lt;br&gt;
É sobre:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;usar melhor, com mais estratégia e menos desperdício&lt;/strong&gt; 🚀&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>programming</category>
      <category>coding</category>
    </item>
  </channel>
</rss>
