CommunityCodierung & Entwicklunggithub.com

axelv/claude-skill-code-walkthrough

Claude Code-Fertigkeit: Erstellen einer lehrreichen reveal.js-Codetour mit Code-Snippets, Dateiverknüpfungen und Mermaid-Architekturdiagrammen

Was ist claude-skill-code-walkthrough?

Diese Fertigkeit für Claude Code ermöglicht die automatische Generierung einer interaktiven Codetour im reveal.js-Format. Sie erstellt eine Präsentation, die Code-Snippets, Links zu den entsprechenden Dateien und Mermaid-Architekturdiagramme kombiniert, um einen umfassenden und lehrreichen Überblick über ein Codebase zu bieten. Entwickler können so komplexe Codebasen visuell erkunden, Architekturzusammenhänge verstehen und sich schnell in neue Projekte einarbeiten. Die Fertigkeit unterstützt die gängigsten Programmiersprachen und Frameworks und generiert die Tour direkt als HTML-Datei, die im Browser geöffnet werden kann. Mermaid-Diagramme visualisieren dabei Abhängigkeiten, Datenflüsse oder Komponentenstrukturen, während die Code-Snippets und Links die direkte Navigation zur Quelle ermöglichen.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add axelv/claude-skill-code-walkthrough

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht claude-skill-code-walkthrough?

Claude Code-Fertigkeit: Erstellen einer lehrreichen reveal.js-Codetour mit Code-Snippets, Dateiverknüpfungen und Mermaid-Architekturdiagrammen

Verwandte Skills