Competitive Teardown: comparativo de produto com evidência e lacunas

ANÁLISE EDITORIAL

Um comparativo de produto perde valor quando mistura fatos, lembranças e opinião na mesma tabela. Competitive Teardown organiza o material fornecido pela equipe em um relatório visual de decisão. A Skill pede um mapa de posicionamento, cartões por concorrente, matriz de recursos, leitura de preço e embalagem, lacunas de evidência e ações para 30, 90 e 180 dias.

Ela não pesquisa o mercado sozinha e não autoriza copiar preços antigos de uma apresentação. O ponto mais importante da definição é o limite de verdade: usar somente concorrentes, funções, preços, comentários e observações presentes nas fontes entregues pela pessoa. Quando algo não aparece, a saída deve marcar como desconhecido ou não encontrado na fonte.

Imagem: Ilustração editorial exclusiva do Bastidores da IA sobre evidências dispersas sendo organizadas em uma matriz de decisão e um mapa de posicionamento. Não é captura de tela, interface real, logotipo oficial, análise executada, benchmark nem prova de mercado.

O que esta Skill faz de verdade

O SKILL.md fixado no commit auditado define uma estrutura de relatório, não um coletor de dados. A entrada ideal reúne de dois a seis concorrentes e pode incluir sites oficiais, páginas de preço, changelogs, comentários de usuários, observações de vendas e notas de pesquisa. Com um único concorrente, a própria definição orienta um aprofundamento individual.

A saída começa por mercado, categoria, data e uma conclusão curta. Depois, exige três julgamentos com consequência prática, um mapa de posicionamento cujos eixos venham do material, cartões por concorrente, matriz de capacidades, leitura de preço, notas de experiência, três janelas de oportunidade e movimentos recomendados por horizonte. A Skill evita uma resposta genérica porque obriga cada seção a responder o que muda na decisão.

O arquivo está dentro do projeto HTML Anything, um editor local que conecta uma interface a CLIs de agentes já instaladas. A Skill fornece o roteiro e as restrições. O agente escolhido produz o HTML, e a equipe ainda precisa revisar fatos, links, legibilidade e inferências.

Para quem serve

Serve para produto, marketing, vendas, estratégia e pesquisa que já possuem um conjunto de evidências e precisam transformar material heterogêneo em uma leitura comparável. É especialmente útil antes de uma reunião de priorização, revisão trimestral, reposicionamento, análise de embalagem comercial ou definição de um teste de 90 dias.

Não é a melhor escolha para monitoramento contínuo, coleta automática de preços, pesquisa estatística de mercado ou due diligence financeira. Também não substitui entrevista com cliente, teste de usabilidade nem validação jurídica de alegações. Uma matriz bonita pode continuar errada se as fontes estiverem desatualizadas, se os concorrentes forem escolhidos por conveniência ou se os eixos do mapa forem inventados.

A finalidade é distinta de Draw.io e de Skills de crítica visual já catalogadas. Draw.io ajuda a produzir diagramas editáveis. Open Design Critique avalia uma interface existente com uma rubrica. Competitive Teardown transforma evidências de vários produtos em um artefato estratégico, com comparação, oportunidades e próximos movimentos.

Compatibilidade e pré-requisitos

O caminho oficialmente documentado é executar o HTML Anything localmente. O README do commit lista Claude Code, Cursor Agent, OpenAI Codex, Gemini CLI, GitHub Copilot CLI, OpenCode, Qwen Coder e Aider. O aplicativo procura essas CLIs no PATH e reutiliza a sessão já autenticada. Isso não significa que todas tenham o mesmo modelo, permissões ou política de dados.

O repositório é um workspace pnpm. A versão auditada declara pnpm 10.33.2, Next.js 16.2.6 e React 19.2.4. A fonte não fixa uma versão mínima de Node no arquivo raiz, então trate Node compatível com as dependências atuais como pré-requisito a confirmar no ambiente, não como número garantido pelo Bastidores.

A definição da Skill está em chinês, com identificadores em inglês. Para uso em PT-BR, informe no pedido que títulos, rótulos e análise devem sair em português, mas preserve nomes próprios, URLs e citações curtas quando necessário. Os três estilos opcionais estão em arquivos HTML separados. Sem eles, o SKILL.md ainda descreve a estrutura, mas a referência visual fica incompleta.

Instalação recomendada

Clone somente o repositório oficial e fixe o commit auditado:

git clone https://github.com/nexu-io/html-anything.git
cd html-anything
git checkout c31204544230578ac814026fecc153c6e36587ae
pnpm install
pnpm -F @html-anything/next dev

Abra http://localhost:3000, confirme qual CLI foi detectada e escolha Competitive Teardown no seletor. A documentação de contribuição explica que cada Skill é uma pasta com SKILL.md, exemplo e recursos opcionais. Não mova somente um arquivo e presuma que o aplicativo completo foi instalado.

O ZIP do Bastidores é documental. Ele permite revisar a definição, a licença e a origem, mas não inclui a aplicação, dependências, exemplo, templates, servidor ou adaptadores. Para uso funcional, mantenha a pasta oficial no commit fixado e atualize apenas depois de reler as mudanças.

Configuração antes do primeiro uso

Crie um pacote de evidências com uma pasta por concorrente. Para cada fato, salve URL, título da página, data da consulta e trecho observado. Separe fonte primária, comentário de usuário, nota comercial e interpretação interna. Não misture uma promessa do fornecedor com uma capacidade testada.

Defina o objetivo antes de gerar: escolher um segmento, revisar embalagem, encontrar uma lacuna de experiência ou decidir um experimento. Escolha também os eixos do posicionamento a partir das evidências. Se o material não sustenta dois eixos úteis, use uma tabela e registre a lacuna em vez de forçar um quadrante.

Confirme as permissões da CLI selecionada. O README informa que a rota local pode iniciar o agente com opções amplas. Use um diretório de trabalho sem segredos, confira a conta autenticada e não cole contratos, gravações, listas de clientes ou dados pessoais sem autorização. O guia do Bastidores sobre permissões de agentes ajuda a separar leitura, escrita, rede e publicação.

Primeiro uso seguro

Comece com dois produtos e fontes públicas curtas. Cole um briefing que identifique cada evidência, a data e o objetivo. Peça explicitamente: use somente o material abaixo, marque ausências como desconhecidas, diferencie observação de inferência e não complete preços, recursos ou avaliações por memória.

Escolha o estilo padrão de sala de estratégia somente se ele fizer sentido. O war-room-grid é a referência clara para produto. O radar-map atende contexto técnico ou de inteligência. O analyst-dossier serve a memorandos formais. Não misture os três.

Revise primeiro a tabela, não a estética. Escolha cinco células e volte às fontes. Depois confira se cada oportunidade possui motivo, segmento, primeiro movimento e risco. Só então abra o HTML em navegador, teste largura pequena, links e contraste.

Resultado esperado

O resultado mínimo é um relatório HTML autocontido com conclusão, mapa ou alternativa justificada, cartões dos concorrentes, matriz legível, leitura de preço, notas observáveis, lacunas de evidência e ações por horizonte. A entrada de exemplo oficial mostra como o material pode separar posicionamento, público, sinal de preço, força, fraqueza e mensagem.

O mapa não deve fingir precisão. Eixos qualitativos precisam de definição, e a posição de cada produto deve apontar para evidência. Na matriz, os símbolos de cobertura precisam de nota curta. Em preço, diferencie valor observado, teste gratuito, limite de plano e contato comercial. Em recomendações, identifique qual evidência sustenta o movimento.

Considere a saída incompleta quando não houver seção de lacunas, quando uma célula não puder ser rastreada ou quando o HTML funcionar somente em tela grande. Um documento útil deixa claro o que se sabe, o que se infere e o que precisa ser pesquisado.

Permissões e riscos

O aplicativo local lê o briefing, grava ou exporta HTML e inicia uma CLI de agente. Conforme a CLI e o modelo escolhidos, o conteúdo pode ser enviado ao provedor daquela sessão. O fato de a interface ser local não transforma o processamento do modelo em local. Confira política, retenção, projeto e autorização antes de usar dados internos.

Os templates opcionais carregam Tailwind CSS e Google Fonts por rede. A prévia é exibida em iframe com isolamento documentado no README, mas HTML gerado ainda merece inspeção. Não abra um arquivo desconhecido em contexto autenticado nem publique scripts, formulários ou chamadas de rede sem revisar o código.

Há também risco editorial. Preço muda, páginas regionais divergem, planos escondem limites e comentários individuais não representam o mercado. Registre a data, preserve a URL e trate avaliações como relatos, não como amostra estatística. Para decisões de investimento ou concorrência, peça revisão jurídica e financeira apropriada.

Erros comuns

• Pedir que o agente pesquise tudo: a Skill espera material fornecido e não garante coleta.
• Inventar eixos de posicionamento: derive os eixos das fontes ou registre que faltam dados.
• Comparar planos de datas diferentes: anote região, moeda e data de cada preço.
• Tratar marketing como teste: promessa oficial e comportamento observado são evidências diferentes.
• Usar comentário isolado como consenso: identifique origem e limite do relato.
• Preencher lacunas por memória: marque desconhecido ou não encontrado na fonte.
• Misturar os três estilos: escolha um template visual coerente.
• Ignorar tela pequena: a matriz deve virar cartões ou manter rolagem compreensível.
• Aceitar recomendação sem risco: cada oportunidade precisa de limite e próximo teste.
• Publicar HTML sem inspeção: revise links, scripts, rede, contraste e dados sensíveis.
• Confundir ZIP com aplicativo: o download local é documental.

Versão auditada e download local

A curadoria fixou o commit c31204544230578ac814026fecc153c6e36587ae. Em 24/08/2026, às 18h, o repositório oficial tinha 8.445 estrelas, licença Apache-2.0, não estava arquivado e usava a branch main.

O ZIP local contém somente SKILL.md, LICENSE e ORIGEM.md. Os dois arquivos oficiais preservam os bytes do commit: SHA-256 do SKILL.md c8f54dca66d2f6affcd3aefc972e89b67522f91ad31ea433d962b2d69a47d228; SHA-256 da licença 3ddf9be5c28fe27dad143a5dc76eea25222ad1dd68934a047064e56ed2fa40c5.

A licença Apache-2.0 oficial permite redistribuição sob suas condições. O ZIP tem 7.466 bytes e SHA-256 4efb2a133b602f84ac6d2900ae121a14afbcd6833b02f6c675c1503813ce1cbc. O arquivo público deve preservar exatamente esse checksum.

Resultado esperado e limite final

Competitive Teardown vale o teste quando a equipe já possui evidências identificadas e precisa decidir o próximo experimento. O melhor resultado não é um mapa convincente. É um relatório rastreável que reduz a conversa a diferenças observadas, lacunas abertas e movimentos pequenos que podem ser verificados.

Aprove o primeiro uso somente se cinco células conferidas baterem com as fontes, preços trouxerem data e região, inferências estiverem nomeadas, nenhuma lacuna tiver sido preenchida por memória, o HTML funcionar em tela pequena e cada recomendação indicar risco. Se qualquer gate falhar, mantenha o relatório como rascunho.

O pacote do Bastidores permite revisar a definição e a licença. O botão do repositório oficial leva à pasta funcional completa, com exemplos e templates. Preserve essa separação entre auditoria documental e execução do aplicativo.

Fontes primárias

• Repositório oficial nexu-io/html-anything
• Pasta completa da Skill no commit auditado
• SKILL.md oficial fixado
• README, quickstart, compatibilidade e segurança
• Estrutura oficial das Skills e recursos opcionais
• Licença Apache-2.0 preservada