·interactive-study-guide
#

interactive-study-guide

Verwandeln Sie einen Codebase-Studienführer in ein ausgefeiltes interaktives Web-Erlebnis. Diese Fertigkeit sollte verwendet werden, wenn der Benutzer über eine fertige Markdown-Datei für den Studienführer (von codebase-study-guide oder ähnlichem) verfügt und diese in eine interaktive pädagogische App umwandeln möchte. Wird bei Anfragen wie „Diesen Studienführer interaktiv gestalten“, „In ein interaktives Erlebnis verwandeln“, „Diesen Studienführer visualisieren“, „Eine interaktive Version erstellen“ ausgelöst oder wenn ein Benutzer eine .md-Datei für den Studienführer hat und eine umfassendere Präsentation wünscht. Erstellt eine von Vite bereitgestellte einseitige App mit scrollgesteuertem Storytelling, interaktiven Architekturdiagrammen, animierten Code-Komplettlösungen und progressiver Offenlegung.

9Installationen·1Trend·@petekp

Installation

$npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide

So installieren Sie interactive-study-guide

Installieren Sie den KI-Skill interactive-study-guide schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide
  3. 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: petekp/claude-code-setup.

Transform a static study guide markdown file into an immersive, interactive learning experience served as a local web app. The output should feel like a NYT interactive feature or a Pudding.cool essay — editorial typography, generous whitespace, purposeful animation, and visualizations that reveal structure rather than decorate.

Accept a path to the study guide markdown file. Parse it into structured sections using the known template format from codebase-study-guide:

| Purpose | ## 1. Why This Exists | Prose with problem/approach/users | | Threshold Concepts | ## 2. The Big Ideas | Named concepts with code locations | | System Map | ## 3. System Map | Mermaid diagram + table | | Request Walkthrough | ## 4. Walking Through a Request | Sequence diagram + annotated code steps |

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide
Kategorie
#Dokumente
Verifiziert
Erstes Auftreten
2026-03-10
Aktualisiert
2026-03-10

Browse more skills from petekp/claude-code-setup

Schnelle Antworten

Was ist interactive-study-guide?

Verwandeln Sie einen Codebase-Studienführer in ein ausgefeiltes interaktives Web-Erlebnis. Diese Fertigkeit sollte verwendet werden, wenn der Benutzer über eine fertige Markdown-Datei für den Studienführer (von codebase-study-guide oder ähnlichem) verfügt und diese in eine interaktive pädagogische App umwandeln möchte. Wird bei Anfragen wie „Diesen Studienführer interaktiv gestalten“, „In ein interaktives Erlebnis verwandeln“, „Diesen Studienführer visualisieren“, „Eine interaktive Version erstellen“ ausgelöst oder wenn ein Benutzer eine .md-Datei für den Studienführer hat und eine umfassendere Präsentation wünscht. Erstellt eine von Vite bereitgestellte einseitige App mit scrollgesteuertem Storytelling, interaktiven Architekturdiagrammen, animierten Code-Komplettlösungen und progressiver Offenlegung. Quelle: petekp/claude-code-setup.

Wie installiere ich interactive-study-guide?

Ö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 interactive-study-guide 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/petekp/claude-code-setup