Was macht html-infographic?
Claude Code Skill: Erstelle einen animierten, einseitigen HTML-Infografik für jedes technische Konzept.
Dieses Skill generiert eine eigenständige HTML-Datei, die eine Infografik zu einem gegebenen technischen Thema auf einer einzigen Bildschirmseite darstellt. Die Infografik ist reich an Animationen, verwendet modernes CSS und JavaScript (falls nötig) und ist vollständig responsiv. Es sind keine externen Bibliotheken erforderlich; alles ist in einer Datei enthalten.
Anwendungsfälle:
- Visualisierung von Systemarchitekturen oder Datenflüssen
- Erstellung interaktiver Zeitstrahlen für Projektmeilensteine
- Präsentation von Produkt-Features oder Vergleichstabellen
- Ansprechende Lernmaterialien für technische Konzepte
Verwendung: Nach der Installation des Skills kannst du Claude Code bitten: "Erstelle eine HTML-Infografik für [Thema]." Der Agent wird dann automatisch die entsprechende HTML-Datei generieren.
Funktionsweise:
- Claude Code analysiert die Beschreibung des technischen Konzepts.
- Es entwirft ein einseitiges, animiertes Layout mit Schlüsselelementen, Zahlen und Beziehungen.
- Der generierte HTML-Code ist sofort einsatzbereit und kann in jedem modernen Browser geöffnet werden.
Hinweise:
- Stelle sicher, dass das Thema klar und spezifisch genug ist, um eine detaillierte Infografik zu erstellen.
- Die Ausgabe ist 100% eigenständig (kein HTTP-CDN-Bedarf).
- Falls gewünscht, kann nachträglich bestimmte Farben oder Schriftarten anpassen.