·html-visual
{}

html-visual

Générez une visualisation HTML interactive à fichier unique (maquette, wireframe, ERD, organigramme, graphique, diapositives, diagramme d'architecture, tableau de bord, chronologie, mindmap, kanban, tableau).

77Installations·3Tendance·@2ykwang

Installation

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

Comment installer html-visual

Installez rapidement le skill IA html-visual dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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 |

Générez une visualisation HTML interactive à fichier unique (maquette, wireframe, ERD, organigramme, graphique, diapositives, diagramme d'architecture, tableau de bord, chronologie, mindmap, kanban, tableau). Source : 2ykwang/agent-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
Catégorie
{}Analyse de Données
Vérifié
Première apparition
2026-02-19
Mis à jour
2026-03-10

Browse more skills from 2ykwang/agent-skills

Réponses rapides

Qu'est-ce que html-visual ?

Générez une visualisation HTML interactive à fichier unique (maquette, wireframe, ERD, organigramme, graphique, diapositives, diagramme d'architecture, tableau de bord, chronologie, mindmap, kanban, tableau). Source : 2ykwang/agent-skills.

Comment installer html-visual ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/2ykwang/agent-skills --skill html-visual Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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

Détails

Catégorie
{}Analyse de Données
Source
skills.sh
Première apparition
2026-02-19