Crie pôsteres, posts para redes sociais, apresentações e landing pages no GitHub Copilot, Claude Code, Codex ou Cursor, sem precisar de um app desktop separado.
nexu-io/html-anything
Um editor de HTML local-first em que a CLI do agente de programação instalada transforma Markdown, CSV ou anotações em páginas HTML, apresentações e pôsteres de arquivo único.
Alternativa open source a:Canva
- Estrelas
- 9,453
- Forks
- 904
- Issues abertas
- 65
- Último commit
- há 4 horas
O que é?
HTML Anything é um editor que usa um agente de programação com IA local para gerar HTML a partir de entradas brutas, como Markdown, CSV, JSON, SQL ou anotações em texto simples. Ele detecta automaticamente CLIs compatíveis no PATH, incluindo Claude Code, Codex, Gemini CLI, Cursor Agent, Copilot CLI, OpenCode, Qwen Coder e Aider, e reutiliza a sessão de login existente, sem precisar de uma chave de API separada.
A geração usa 75 modelos de skills, agrupados em nove formatos: artigos de revista, apresentações para keynote, currículos, pôsteres, cards para Xiaohongshu e tweets, protótipos web, relatórios de dados e quadros de vídeo do Hyperframes. O resultado é transmitido para uma prévia em iframe isolado à medida que é produzido. Depois, você pode copiá-lo com o CSS incorporado para WeChat ou Zhihu, colá-lo como imagem no X ou baixá-lo como .html ou .png.
O projeto é um workspace pnpm sob a licença Apache-2.0, baseado em Next.js 16 e React 19. Para adicionar uma skill, basta incluir uma pasta com os arquivos SKILL.md e example.html.
Recursos principais
- 01Detecta CLIs de agentes de programação instaladas no PATH e reutiliza as sessões de login existentes
- 02Inclui 75 modelos de skills em nove formatos de saída, de apresentações a quadros de vídeo do Hyperframes
- 03Transmite o HTML gerado em tempo real para uma prévia em iframe isolado
- 04Exporta para WeChat e Zhihu com CSS incorporado, para o X como imagem ou em arquivos .html e .png
- 05Processa entradas CSV, Excel, JSON e SQL no navegador, sem fazer upload
Casos de uso
- Transformar um rascunho em Markdown em um artigo estilizado para WeChat ou uma publicação para Zhihu
- Criar uma apresentação de slides ou um pôster de página única a partir de anotações brutas
- Gerar um relatório de dados a partir de um CSV ou de uma planilha exportada
- Criar cards de imagem no estilo Xiaohongshu ou de tweets para publicações em redes sociais
Início rápido
- 1
Clone o repositório
- 2
Instale as dependências com pnpm
- 3
Inicie o servidor de desenvolvimento local
pnpm -F @html-anything/next dev
Antes de usar
- É necessário ter pelo menos um CLI de agente de programação compatível (como Claude Code ou Codex) instalado e com sessão iniciada.
- O projeto é baseado em um workspace Next.js com pnpm, por isso é executado localmente, e não como um aplicativo empacotado.
Em coleções
Tópicos
Perguntas frequentes
- O que é html-anything?
- Um editor de HTML local-first em que a CLI do agente de programação instalada transforma Markdown, CSV ou anotações em páginas HTML, apresentações e pôsteres de arquivo único. HTML Anything é um editor que usa um agente de programação com IA local para gerar HTML a partir de entradas brutas, como Markdown, CSV, JSON, SQL ou anotações em texto simples. Ele detecta automaticamente CLIs compatíveis no PATH, incluindo Claude Code, Codex, Gemini CLI, Cursor Agent, Copilot CLI, OpenCode, Qwen Coder e Aider, e reutiliza a sessão de login existente, sem precisar de uma chave de API separada.
- html-anything é gratuito? Qual é a licença?
- html-anything é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
- html-anything ainda é mantido?
- Manutenção ativa. O último commit de html-anything foi em 7 de nov. de 2026.
- Para que posso usar html-anything?
- Transformar um rascunho em Markdown em um artigo estilizado para WeChat ou uma publicação para Zhihu Criar uma apresentação de slides ou um pôster de página única a partir de anotações brutas Gerar um relatório de dados a partir de um CSV ou de uma planilha exportada Criar cards de imagem no estilo Xiaohongshu ou de tweets para publicações em redes sociais
- Como instalar html-anything?
- Clone o repositório Instale as dependências com pnpm Inicie o servidor de desenvolvimento local: pnpm -F @html-anything/next dev
- Onde consigo html-anything?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/nexu-io/html-anything
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Regras de layout e modelos que permitem a agentes de IA exportar documentos como PDF, PNG e PowerPoint editável.
Workspace local-first e open source de agentes de IA para design, que transforma briefings em protótipos, apresentações, dashboards, imagens e vídeos usando seu próprio agente de programação.
App desktop open source e local-first que transforma prompts em protótipos, apresentações e PDFs usando o modelo de IA que você escolher.
Uma skill de design de interfaces para agentes de IA que explora diferentes direções visuais, compara opções lado a lado e as refina com base em screenshots reais.
Uma skill de agente que dá a agentes de programação, como Claude Code e Cursor, senso de design para criar e iterar em interfaces, apresentações e peças gráficas.