Was ist html-visual?
Generieren Sie eine interaktive Einzeldatei-HTML-Visualisierung (Mockup, Wireframe, ERD, Flussdiagramm, Diagramm, Folien, Architekturdiagramm, Dashboard, Zeitleiste, Mindmap, Kanban, Tabelle). Quelle: 2ykwang/agent-skills.
·html-visual
{}
html-visual
✓Generieren Sie eine interaktive Einzeldatei-HTML-Visualisierung (Mockup, Wireframe, ERD, Flussdiagramm, Diagramm, Folien, Architekturdiagramm, Dashboard, Zeitleiste, Mindmap, Kanban, Tabelle).
Installation
So installieren Sie html-visual
Installieren Sie den KI-Skill html-visual schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
- Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
- Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual
- Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
Quelle: 2ykwang/agent-skills.
SKILL.md
Original anzeigenVisualize 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 |
Generieren Sie eine interaktive Einzeldatei-HTML-Visualisierung (Mockup, Wireframe, ERD, Flussdiagramm, Diagramm, Folien, Architekturdiagramm, Dashboard, Zeitleiste, Mindmap, Kanban, Tabelle). Quelle: 2ykwang/agent-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/2ykwang/agent-skills --skill html-visual- Quelle
- 2ykwang/agent-skills
- Kategorie
- {}Datenanalyse
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-19
- Aktualisiert
- 2026-03-10
Schnelle Antworten
Wie installiere ich html-visual?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/2ykwang/agent-skills --skill html-visual Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
Wo ist das Quell-Repository?
https://github.com/2ykwang/agent-skills
Details
- Kategorie
- {}Datenanalyse
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-19