Communitygithub.com

ytisvibecoding/html-visual-editor

Transforme qualquer HTML estático em uma página visualmente editável — edição inline de texto, painéis de cor/fonte/layout, temas predefinidos e exportação com um clique.

O que é html-visual-editor?

Esta skill transforma qualquer HTML estático em uma página web interativa que pode ser editada visualmente em tempo real. Ela adiciona funcionalidades como edição inline de texto (clique para editar), painéis de controle para alterar cores, fontes e layout, além de oferecer temas predefinidos para estilização rápida. O usuário pode exportar a página editada com um único clique, o que é ideal para prototipagem rápida, personalização de páginas ou demonstrações interativas. Baseada em SKILL.md, a skill funciona como uma ferramenta de edição visual que envolve o HTML original em uma interface de usuário interativa, suportando plataformas como Claude Code, Cursor e Codex, e é útil para desenvolvedores e designers que desejam permitir edição visual sem escrever código.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add ytisvibecoding/html-visual-editor

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que html-visual-editor faz?

Transforme qualquer HTML estático em uma página visualmente editável — edição inline de texto, painéis de cor/fonte/layout, temas predefinidos e exportação com um clique.

Habilidades Relacionadas