·html-visual
{}

html-visual

Genera una visualizzazione HTML interattiva a file singolo (mockup, wireframe, ERD, diagramma di flusso, grafico, diapositive, diagramma dell'architettura, dashboard, sequenza temporale, mappa mentale, kanban, tabella).

77Installazioni·3Tendenza·@2ykwang

Installazione

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

Come installare html-visual

Installa rapidamente la skill AI html-visual nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 2ykwang/agent-skills.

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 |

Genera una visualizzazione HTML interattiva a file singolo (mockup, wireframe, ERD, diagramma di flusso, grafico, diapositive, diagramma dell'architettura, dashboard, sequenza temporale, mappa mentale, kanban, tabella). Fonte: 2ykwang/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
Categoria
{}Analisi
Verificato
Prima apparizione
2026-02-19
Aggiornato
2026-03-10

Browse more skills from 2ykwang/agent-skills

Risposte rapide

Che cos'è html-visual?

Genera una visualizzazione HTML interattiva a file singolo (mockup, wireframe, ERD, diagramma di flusso, grafico, diapositive, diagramma dell'architettura, dashboard, sequenza temporale, mappa mentale, kanban, tabella). Fonte: 2ykwang/agent-skills.

Come installo html-visual?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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

Dettagli

Categoria
{}Analisi
Fonte
skills.sh
Prima apparizione
2026-02-19