Communitygithub.com

ytisvibecoding/html-visual-editor

Convierte cualquier HTML estático en una página visualmente editable con edición de texto en línea, paneles de color/fuente/diseño, temas predefinidos y exportación con un solo clic.

¿Qué es html-visual-editor?

Esta habilidad transforma cualquier archivo HTML estático en una página web totalmente editable visualmente, sin necesidad de escribir código. Permite a los usuarios hacer clic directamente sobre los elementos de la página para editar el texto en línea, y proporciona paneles intuitivos para modificar colores, fuentes y diseños de manera instantánea. Además, incluye una colección de temas predefinidos que se pueden aplicar con un solo clic para cambiar la apariencia general del sitio. Una vez realizados los cambios, la herramienta permite exportar el HTML modificado con un solo clic, facilitando la publicación o el uso posterior. Es compatible con cualquier editor de IA o plataforma que soporte la ejecución de habilidades como Claude Code, Cursor o Codex, lo que la hace ideal para desarrolladores y diseñadores que buscan agilizar la personalización de prototipos o páginas web sin conocimientos avanzados de programación.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add ytisvibecoding/html-visual-editor

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace html-visual-editor?

Turn any static HTML into a visually editable page — inline text editing, color/font/layout panels, preset themes, and one-click export.

Skills relacionados