educationFeatured
Codebase to Course
Turn any codebase into a beautiful, interactive single-page HTML course with animations and quizzes.
Works with:Claude Code
💬 0📋 0
A skill for vibecoders who build with AI but want to understand what they built. Generates a self-contained HTML course from your codebase: - Scroll-based navigation through concepts - Animated data flow visualizations - Interactive quizzes (application-focused, not memorization) - Glossary tooltips for technical terms - "Component group chat" visualizations - Code-to-plain-English translations Uses only real code from your actual codebase — never simplified examples. Output is a single HTML file (no dependencies, works offline). Design philosophy: "Build first, understand later." 3,500+ GitHub stars.
How to Install
Install this skill from the source repository:
- Open the GitHub repository using the link below.
- Follow the README's install instructions (usually a
git cloneor copy-paste into your~/.claude/skills/directory). - Or copy the content above directly into a new Claude skill file.
Comments (0)
No comments yet. Be the first to share your thoughts!
Related Skills
educationFeatured
Claude Code Guide
Complete guide to Claude Code: setup, commands, workflows, agents, skills, tips, and best practices.
#guide#beginner#reference
▲ 0💬 0📋 0
educationskill packFeatured
Awesome Claude Code
The canonical curated index of Claude Code skills, hooks, slash commands, agent orchestrators, and plugins.
#awesome#index#reference
▲ 0💬 0📋 0
educationskill packFeatured
Awesome Claude Skills
Curated list of practical Claude Skills across Claude.ai, Claude Code, and the Claude API — maintained by Composio.
#awesome#index#composio
▲ 0💬 0📋 0