explainer-visuals
✓Erstellen Sie hochwertige animierte Erklärbilder für Aufsätze und Blogbeiträge. Verwenden Sie diese Option, wenn der Benutzer Konzepte, Prozesse, Daten oder Ideen mit interaktiven Webanimationen visualisieren möchte. Wird bei Anfragen wie „Erstelle ein Bild für“, „Animiere dieses Konzept“, „Erstelle eine Erklärung“, „Visualisierung dieser Idee“, „Diagramm dieses Prozesses“, „zeige diese Daten“ ausgelöst oder wenn der Inhalt eines Aufsatzes von einer visuellen Erklärung profitieren würde. Behandelt abstrakte Konzepte (mentale Modelle, Frameworks), technische Prozesse (Algorithmen, Systeme) und Datenvisualisierung (Trends, Vergleiche). Gibt eigenständiges HTML/CSS/JS aus, das direkt in Webinhalte eingebettet wird.
Installation
SKILL.md
Create animated, interactive visuals that make complex ideas intuitive.
Great explainer visuals don't just illustrate—they reveal. They show the structure hidden in complexity, the motion implicit in static descriptions, the relationships that words struggle to convey.
Before creating any visual, conduct a brief discovery interview using AskUserQuestion. Understand not just WHAT to visualize, but WHY this idea needs visual treatment.
Erstellen Sie hochwertige animierte Erklärbilder für Aufsätze und Blogbeiträge. Verwenden Sie diese Option, wenn der Benutzer Konzepte, Prozesse, Daten oder Ideen mit interaktiven Webanimationen visualisieren möchte. Wird bei Anfragen wie „Erstelle ein Bild für“, „Animiere dieses Konzept“, „Erstelle eine Erklärung“, „Visualisierung dieser Idee“, „Diagramm dieses Prozesses“, „zeige diese Daten“ ausgelöst oder wenn der Inhalt eines Aufsatzes von einer visuellen Erklärung profitieren würde. Behandelt abstrakte Konzepte (mentale Modelle, Frameworks), technische Prozesse (Algorithmen, Systeme) und Datenvisualisierung (Trends, Vergleiche). Gibt eigenständiges HTML/CSS/JS aus, das direkt in Webinhalte eingebettet wird. Quelle: petekp/claude-code-setup.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/petekp/claude-code-setup --skill explainer-visuals- Quelle
- petekp/claude-code-setup
- Kategorie
- {}Datenanalyse
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-11
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist explainer-visuals?
Erstellen Sie hochwertige animierte Erklärbilder für Aufsätze und Blogbeiträge. Verwenden Sie diese Option, wenn der Benutzer Konzepte, Prozesse, Daten oder Ideen mit interaktiven Webanimationen visualisieren möchte. Wird bei Anfragen wie „Erstelle ein Bild für“, „Animiere dieses Konzept“, „Erstelle eine Erklärung“, „Visualisierung dieser Idee“, „Diagramm dieses Prozesses“, „zeige diese Daten“ ausgelöst oder wenn der Inhalt eines Aufsatzes von einer visuellen Erklärung profitieren würde. Behandelt abstrakte Konzepte (mentale Modelle, Frameworks), technische Prozesse (Algorithmen, Systeme) und Datenvisualisierung (Trends, Vergleiche). Gibt eigenständiges HTML/CSS/JS aus, das direkt in Webinhalte eingebettet wird. Quelle: petekp/claude-code-setup.
Wie installiere ich explainer-visuals?
Ö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/petekp/claude-code-setup --skill explainer-visuals Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/petekp/claude-code-setup
Details
- Kategorie
- {}Datenanalyse
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-11