# codebase-to-course

Превращает любой проект в интерактивный HTML-курс, который объясняет, как устроен код, людям без технического бэкграунда.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · ★ 5728
- Автор: zarazhangrui
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/zarazhangrui/codebase-to-course/tree/HEAD/SKILL.md
- Обновлён: 2026-03-30
- HTML: https://affpapa.org/nevibecode/skills/codebase-to-course

## Что делает

Скилл читает репозиторий, разбирает, из каких частей состоит приложение и как они связаны, а на выходе собирает папку с курсом: `styles.css`, `main.js`, отдельные HTML-модули и готовый `index.html`. Открывается файл прямо в браузере, установка не нужна. Единственная внешняя зависимость — шрифты с Google Fonts CDN.

Курс строится по дуге от знакомого к незнакомому: сначала что делает приложение и что происходит, когда вы жмёте кнопку, потом слои кода под этим. Модулей обычно 4–6, каждый с прокруткой, анимированными схемами, встроенными квизами и переводом кода на простой язык. Отдельные модули пишутся независимо, поэтому CSS и JS не перегенерируются заново при каждой правке.

Аудитория — вайб-кодеры, которые собирают софт через ИИ и хотят понимать, что там внутри. Термины объясняются с нуля: ни жаргона без определения, ни «как вы наверняка знаете». Если дать ссылку на GitHub, скилл сначала клонирует репозиторий в `/tmp/<repo-name>`, и только потом начинает разбор.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add zarazhangrui/codebase-to-course --skill codebase-to-course -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/codebase-to-course/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/codebase-to-course/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add zarazhangrui/codebase-to-course --skill codebase-to-course -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/codebase-to-course/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add zarazhangrui/codebase-to-course --skill codebase-to-course -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/codebase-to-course/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install zarazhangrui/codebase-to-course codebase-to-course
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/codebase-to-course/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add zarazhangrui/codebase-to-course --skill codebase-to-course -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/zarazhangrui/codebase-to-course
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/codebase-to-course/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add zarazhangrui/codebase-to-course --skill codebase-to-course -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/zarazhangrui/codebase-to-course/tree/HEAD/SKILL.md

## Когда брать
- разобраться, как устроен проект, который вы собрали с ИИ
- объяснить нетехническому человеку, что делает код
- подготовить обучающий разбор открытого репозитория с GitHub
- выучить термины, чтобы точнее ставить задачи ИИ-агентам
- заметить, где ИИ сгенерировал сомнительный код

## Примеры запросов агенту
- Разбери текущий проект и сделай из него интерактивный курс
- Сделай курс по репозиторию https://github.com/user/repo
- Преврати ./my-project в обучающий проход по коду

## Похожие
- [grill-with-docs](https://affpapa.org/nevibecode/skills/grill-with-docs.md) — скилл · 1219756 установок
- [skill-creator](https://affpapa.org/nevibecode/skills/skill-creator.md) — скилл · 414180 установок
- [setup-matt-pocock-skills](https://affpapa.org/nevibecode/skills/setup-matt-pocock-skills.md) — скилл · 1052851 установка
- [handoff](https://affpapa.org/nevibecode/skills/handoff.md) — скилл · 1038491 установка
- [triage](https://affpapa.org/nevibecode/skills/triage.md) — скилл · 990453 установки
- [domain-modeling](https://affpapa.org/nevibecode/skills/domain-modeling.md) — скилл · 876391 установка

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md