·html-visual
{}

html-visual

Genere una visualización HTML interactiva de un solo archivo (maqueta, estructura alámbrica, ERD, diagrama de flujo, diagrama, diapositivas, diagrama de arquitectura, panel, línea de tiempo, mapa mental, kanban, tabla).

77Instalaciones·3Tendencia·@2ykwang

Instalación

$npx skills add https://github.com/2ykwang/agent-skills --skill html-visual

Cómo instalar html-visual

Instala rápidamente el skill de IA html-visual en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: 2ykwang/agent-skills.

SKILL.md

Ver original

Visualize the user's request as an interactive single HTML file. First, read references/common-rules.md to review common rules.

| mockup | UI mockup (high-fidelity) | mockup-{name}.html | | wireframe | Wireframe (low-fidelity, hand-drawn style) | wireframe-{name}.html | | erd | ERD | erd-{name}.html | | flow | Flowchart / Sequence diagram | flow-{name}.html | | chart | Data chart | chart-{name}.html | | slides | Presentation | slides-{name}.html |

| arch | Architecture diagram | arch-{name}.html | | dashboard | Composite dashboard | dashboard-{name}.html | | timeline | Timeline / Gantt chart | timeline-{name}.html | | mindmap | Mindmap | mindmap-{name}.html | | kanban | Kanban board | kanban-{name}.html | | table | Interactive data table | table-{name}.html |

Genere una visualización HTML interactiva de un solo archivo (maqueta, estructura alámbrica, ERD, diagrama de flujo, diagrama, diapositivas, diagrama de arquitectura, panel, línea de tiempo, mapa mental, kanban, tabla). Fuente: 2ykwang/agent-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
Categoría
{}Análisis de Datos
Verificado
Primera vez visto
2026-02-19
Actualizado
2026-03-10

Browse more skills from 2ykwang/agent-skills

Respuestas rápidas

¿Qué es html-visual?

Genere una visualización HTML interactiva de un solo archivo (maqueta, estructura alámbrica, ERD, diagrama de flujo, diagrama, diapositivas, diagrama de arquitectura, panel, línea de tiempo, mapa mental, kanban, tabla). Fuente: 2ykwang/agent-skills.

¿Cómo instalo html-visual?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/2ykwang/agent-skills

Detalles

Categoría
{}Análisis de Datos
Fuente
skills.sh
Primera vez visto
2026-02-19