Estudo de caso prático: Criando um plugin de navegador "Web page to Markdown" com o SOLO Coder Além de criar sites, as pequenas ferramentas que costumo desenvolver são plugins para navegadores. Nos últimos dias, tenho testado um plugin que usa o modo TRAE SOLO para extrair o conteúdo de páginas da web para Markdown, e é muito prático. Também acumulei alguma experiência e dicas ao usar o TRAE, um agente de codificação, para escrever plugins de navegador: - Utilize um framework: O ideal é usar um framework como o wxt, que foi desenvolvido especificamente para plugins de navegador, pois isso pode economizar muito tempo em comparação com a criação de um framework do zero. Comece com um exemplo: Não crie o Agente do zero, pois o treinamento do Agente ocorre relativamente cedo e muitas bibliotecas são atualizadas com frequência. Este projeto WXT + React + Tailwind + Shadcn é uma boa opção: https://t.co/RF9Q0SAZlH - Planejar primeiro, depois executar: Estou acostumado a que o SOLO planeje primeiro e depois execute, em vez de o Agente escrever o código diretamente. - Feedback manual: Como os plugins do navegador, como o Agent, não podem ajudar diretamente no acesso e na depuração, você precisa testar por conta própria e colar os resultados do erro no Agent. Estas são as palavras-chave que usei quando implementei isso. Você pode experimentá-las se tiver interesse: --- Início da palavra de comando --- Preciso de ajuda para implementar um plugin de navegador que, ao ser aberto, capture as seguintes informações da página web atual: título, links e conteúdo da página em formato Markdown. Veja a captura de tela como referência (Nota: Imagem 2). - Tamanho máximo 400x600 - O título pode exibir no máximo uma linha (títulos excessivamente longos exibirão reticências). - As metainformações dentro das Propriedades são exibidas em no máximo uma linha (linhas excedentes serão exibidas com reticências). - A parte em Markdown do conteúdo da página web preenche o espaço restante; se o conteúdo for muito longo, pode ser rolado. - Há um botão de copiar abaixo. Clicar nele copiará todo o conteúdo Markdown (título + conteúdo + URL de origem). - Certifique-se de que o plugin tenha as permissões de acesso corretas à página web e possa acessar o conteúdo da página. Conjunto de tecnologias: - wxt: Framework de Plugins - Tailwindcss + shadcn ui: UI - Faça o download deste projeto de exemplo diretamente (https://t.co/RF9Q0SAZlH) para começar. Observe que ele deve conter todo o conteúdo do diretório wxt-dev/examples/tree/main/examples/react-shadcn; nenhum outro conteúdo irrelevante é necessário. --- Fim do prompt --- Após obter a versão oficial do SOLO, refiz este prompt usando o SOLO Coder, e o número de erros encontrados foi significativamente reduzido, além de a velocidade de geração ter aumentado. Após ativar o modo de planejamento, um plano será gerado. É recomendável revisar o plano manualmente para verificar se há algum problema antes de iniciar a execução. A primeira tentativa pode falhar; envie o resultado de volta para que seja corrigido. Provavelmente serão necessárias várias iterações para se obter o resultado desejado. Se você não souber como usá-lo depois de finalizado, pode perguntar ao Agente como publicá-lo e utilizá-lo, ou simplesmente solicitar a documentação. Este pequeno projeto, construído usando o padrão TRAE SOLO, foi publicado no GitHub:
Por fim: Minhas considerações. Em geral, o modo SOLO deve ser muito mais conveniente para quem não está acostumado com o modo CLI: - Permite inserir e editar facilmente os comandos e colar imagens. - Você pode parar ou alternar entre os modos a qualquer momento usando o mouse. O DiffView facilita a visualização das atualizações de código, enquanto o Browser permite ver os efeitos na página da web em tempo real. Para quem está acostumado com o modo de linha de comando (CLI), essas vantagens não são tão óbvias, mas a possibilidade de trabalhar com um navegador ainda é muito mais conveniente para o desenvolvimento de aplicações web. Por fim, vamos falar sobre faturamento. A TRAE é bastante generosa com o uso de tokens. Recentemente, a SOLO adotou um método de faturamento baseado em tokens, que são convertidos em Fast Requests e deduzidos do pacote de assinatura. Após cada rodada de diálogo, os detalhes do consumo serão exibidos claramente na parte inferior da caixa de diálogo no IDE e na página de Uso do site da TRAE. Recomendo que todos experimentem, especialmente o SubAgent que mencionei acima, ou tentem escrever seu próprio plugin de navegador com base nas sugestões que compartilhei. Site oficial da versão internacional da TRAE: https://t.co/rF5s0uF53p https://t.co/wQXKquMgqg