QingYunA/answer-me-with-html

O que é?

Recursos principais

• 01Gera um único arquivo HTML offline a partir de um rascunho em Markdown, sem dependências externas.
• 02Organiza fluxogramas automaticamente e espaça os diagramas de sequência de acordo com a largura dos rótulos.
• 03Oferece os temas blueprint, shadcn e paper, cada um com modos claro e escuro.
• 04Aceita tabelas com marcas de certo e errado, código citado de arquivos-fonte e gráficos.
• 05Pode gerar páginas de vídeos explicativos narrados, que podem ser exportadas no navegador.

Casos de uso

• Explicar um protocolo ou o design de um sistema com diagramas de sequência e de estados.
• Mapear as conexões entre módulos de uma base de código com uma árvore de pastas e um grafo de chamadas.
• Comparar opções de tecnologia, como bancos de dados, em uma única página fácil de ler.
• Revisar um plano ou rascunho respondendo às decisões na própria página e colando as respostas de volta para o agente.

Início rápido

1. 1

   Instale o Node.js 20 ou posterior

2. 2

   Instale o plugin do Claude Code (execute dentro do Claude Code)

   /plugin marketplace add QingYunA/answer-me-with-html
3. 3

   Instale o plugin pelo marketplace

   /plugin install answer-me-with-html@answer-me-with-html
4. 4

   Ou instale em qualquer agente com o instalador de skills

   npx skills add QingYunA/answer-me-with-html

Antes de usar

• !Para usar a CLI e a skill, é necessário ter o Node.js 20 ou posterior instalado.
• !O modo sempre ativo vem desativado por padrão e exige adicionar uma regra ao arquivo de regras do seu agente.
• !As atualizações são manuais; a CLI apenas verifica se há novas versões em segundo plano.

Tópicos

Perguntas frequentes

O que é answer-me-with-html?

Uma skill de agente que transforma a resposta de um agente de IA a uma pergunta difícil em uma página HTML offline com diagramas, tabelas e layout. Answer me with HTML é uma skill de agente para agentes de programação, como Claude Code, Codex e Cursor. Quando uma pergunta exige mais do que um parágrafo, o agente escreve um rascunho curto em Markdown e o envia para uma CLI incluída no projeto, que gera um único arquivo HTML autocontido. A CLI cuida do layout, do tema, dos diagramas SVG e do posicionamento dos fluxogramas, deixando para o modelo apenas a criação do conteúdo.

answer-me-with-html é gratuito? Qual é a licença?

answer-me-with-html é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

answer-me-with-html ainda é mantido?

Manutenção ativa. O último commit de answer-me-with-html foi em 20 de out. de 2026.

Para que posso usar answer-me-with-html?

Explicar um protocolo ou o design de um sistema com diagramas de sequência e de estados. Mapear as conexões entre módulos de uma base de código com uma árvore de pastas e um grafo de chamadas. Comparar opções de tecnologia, como bancos de dados, em uma única página fácil de ler. Revisar um plano ou rascunho respondendo às decisões na própria página e colando as respostas de volta para o agente.

Como instalar answer-me-with-html?

Instale o Node.js 20 ou posterior Instale o plugin do Claude Code (execute dentro do Claude Code): /plugin marketplace add QingYunA/answer-me-with-html Instale o plugin pelo marketplace: /plugin install answer-me-with-html@answer-me-with-html Ou instale em qualquer agente com o instalador de skills: npx skills add QingYunA/answer-me-with-html

Onde consigo answer-me-with-html?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/QingYunA/answer-me-with-html