·interactive-study-guide
#

interactive-study-guide

Превратите руководство по изучению кодовой базы в совершенный интерактивный веб-интерфейс. Этот навык следует использовать, когда у пользователя есть готовый файл уценки учебного пособия (из codebase-study-guide или аналогичного) и он хочет превратить его в интерактивное педагогическое приложение. Запускается по таким запросам, как «сделать это учебное пособие интерактивным», «превратить это в интерактивный опыт», «визуализировать это учебное пособие», «создать интерактивную версию» или когда у пользователя есть файл учебного пособия .md и он хочет более насыщенную презентацию. Создает одностраничное приложение, обслуживаемое Vite, с рассказыванием историй с помощью прокрутки, интерактивными диаграммами архитектуры, анимированными пошаговыми руководствами по коду и прогрессивным раскрытием информации.

9Установки·1Тренд·@petekp

Установка

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

Как установить interactive-study-guide

Быстро установите AI-навык interactive-study-guide в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: petekp/claude-code-setup.

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 |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide
Источник
petekp/claude-code-setup
Категория
#Документы
Проверено
Впервые замечено
2026-03-10
Обновлено
2026-03-11

Browse more skills from petekp/claude-code-setup

Короткие ответы

Что такое interactive-study-guide?

Превратите руководство по изучению кодовой базы в совершенный интерактивный веб-интерфейс. Этот навык следует использовать, когда у пользователя есть готовый файл уценки учебного пособия (из codebase-study-guide или аналогичного) и он хочет превратить его в интерактивное педагогическое приложение. Запускается по таким запросам, как «сделать это учебное пособие интерактивным», «превратить это в интерактивный опыт», «визуализировать это учебное пособие», «создать интерактивную версию» или когда у пользователя есть файл учебного пособия .md и он хочет более насыщенную презентацию. Создает одностраничное приложение, обслуживаемое Vite, с рассказыванием историй с помощью прокрутки, интерактивными диаграммами архитектуры, анимированными пошаговыми руководствами по коду и прогрессивным раскрытием информации. Источник: petekp/claude-code-setup.

Как установить interactive-study-guide?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

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

Детали

Категория
#Документы
Источник
skills.sh
Впервые замечено
2026-03-10