·interactive-study-guide
#

interactive-study-guide

✓
petekp/agent-skillsGitHub: petekp/agent-skillsQuelle: petekp/agent-skills

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.

petekp·interactive·study·guide
13Installationen·0Trend·@petekp

Installation

GitHub: petekp/agent-skills
$npx skills add https://github.com/petekp/agent-skills --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/agent-skills --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/agent-skills.

SKILL.md

Original anzeigen

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/agent-skills --skill interactive-study-guide
Quelle
petekp/agent-skills
Kategorie
#Dokumente
Verifiziert
✓
Erstes Auftreten
2026-02-24
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/petekp/agent-skills/interactive-study-guide

Browse more skills from petekp/agent-skills

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/agent-skills.

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/agent-skills --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/agent-skills

Details

Kategorie
#Dokumente
Quelle
skills.sh
Erstes Auftreten
2026-02-24

Verwandte Skills

macos-app-design
151 Installationen
typography
110 Installationen
unix-macos-engineer
46 Installationen
interaction-design
32 Installationen
autonomous-agent-readiness
29 Installationen
capture-learning
27 Installationen