interactive-study-guide

About interactive-study-guide

Transform a codebase study guide into a polished interactive web experience. This skill should be used when the user has a completed study guide markdown file (from codebase-study-guide or similar) and wants to turn it into an interactive pedagogical app. Triggers on requests like "make this study guide interactive", "turn this into an interactive experience", "visualize this study guide", "create an interactive version", or when a user has a study guide .md file and wants a richer presentation. Produces a Vite-served single-page app with scroll-driven storytelling, interactive architecture diagrams, animated code walkthroughs, and progressive disclosure.

将代码库学习指南转换为精致的交互式 Web 体验。当用户拥有已完成的学习指南 Markdown 文件（来自 codebase-study-guide 或类似来源），并希望将其变成交互式教学应用时，应使用此技能。触发情形包括“把这个学习指南做成交互式的”“把这个变成交互体验”“可视化这个学习指南”“创建交互式版本”等请求，或用户有 .md 学习指南并希望更丰富的展示时。生成一个由 Vite 提供的单页应用，具有滚动驱动的故事讲述、交互式架构图、动画化代码演示和渐进式信息披露。