·interactive-study-guide
#

interactive-study-guide

✓
petekp/claude-code-setupGitHub: petekp/claude-code-setupFonte: petekp/claude-code-setup

Trasforma una guida allo studio della base di codice in un'esperienza web interattiva raffinata. Questa competenza dovrebbe essere utilizzata quando l'utente ha un file di markdown della guida allo studio completato (da codebase-study-guide o simile) e desidera trasformarlo in un'app pedagogica interattiva. Si attiva su richieste come "rendi interattiva questa guida allo studio", "trasformala in un'esperienza interattiva", "visualizza questa guida allo studio", "crea una versione interattiva" o quando un utente ha un file .md della guida allo studio e desidera una presentazione più ricca. Produce un'app a pagina singola servita da Vite con narrazione basata su scorrimento, diagrammi di architettura interattivi, procedure dettagliate animate sul codice e divulgazione progressiva.

petekp·interactive·study·guide
9Installazioni·1Tendenza·@petekp

Installazione

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

Come installare interactive-study-guide

Installa rapidamente la skill AI interactive-study-guide nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: petekp/claude-code-setup.

SKILL.md

Visualizza raw

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 |

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide
Fonte
petekp/claude-code-setup
Categoria
#Documenti
Verificato
✓
Prima apparizione
2026-03-10
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/petekp/claude-code-setup/interactive-study-guide

Browse more skills from petekp/claude-code-setup

Risposte rapide

Che cos'è interactive-study-guide?

Trasforma una guida allo studio della base di codice in un'esperienza web interattiva raffinata. Questa competenza dovrebbe essere utilizzata quando l'utente ha un file di markdown della guida allo studio completato (da codebase-study-guide o simile) e desidera trasformarlo in un'app pedagogica interattiva. Si attiva su richieste come "rendi interattiva questa guida allo studio", "trasformala in un'esperienza interattiva", "visualizza questa guida allo studio", "crea una versione interattiva" o quando un utente ha un file .md della guida allo studio e desidera una presentazione più ricca. Produce un'app a pagina singola servita da Vite con narrazione basata su scorrimento, diagrammi di architettura interattivi, procedure dettagliate animate sul codice e divulgazione progressiva. Fonte: petekp/claude-code-setup.

Come installo interactive-study-guide?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/petekp/claude-code-setup

Dettagli

Categoria
#Documenti
Fonte
skills.sh
Prima apparizione
2026-03-10

Skills correlate

code-comments
68 Installazioni
design-critique
46 Installazioni
openclaw-customizer
35 Installazioni
personality-profiler
32 Installazioni
swiftui
27 Installazioni
startup-wisdom
26 Installazioni