·interactive-study-guide
#

interactive-study-guide

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

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
13Installazioni·0Tendenza·@petekp

Installazione

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

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/agent-skills --skill interactive-study-guide
Fonte
petekp/agent-skills
Categoria
#Documenti
Verificato
✓
Prima apparizione
2026-02-24
Aggiornato
2026-03-11
URL
https://www.learn-skills.dev/it/skills/petekp/agent-skills/interactive-study-guide

Browse more skills from petekp/agent-skills

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

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

Dettagli

Categoria
#Documenti
Fonte
skills.sh
Prima apparizione
2026-02-24

Skills correlate

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