An interactive Claude Code course for designers & engineers. Bilingual (EN/RU), zero build step, flashcards for retention, topics mirroring the official docs.
Интерактивный курс по Claude Code для дизайнеров и инженеров. Два языка (RU/EN), без сборки, карточки для закрепления, темы зеркалят официальную документацию.
→ Live: chife-mod.github.io/evolution
- Dashboard — 10 topics from "what is Claude Code" to vibe-design workflow and automation. Progress, retention and stats live in
localStorage— no accounts, no tracking. - Flashcards — every full topic ends with a self-graded deck (think → flip → grade), the classic retention loop.
- What's new — a curated feed of finds around Claude Code & vibe-design, fed by a daily R&D research pipeline (every link verified before landing here).
- RU/EN — full parity, switch in the header, persisted locally.
| # | Topic | Status |
|---|---|---|
| 00 | What is Claude Code / Что такое Claude Code | ●くろまる full |
| 01 | Your first session / Первая сессия | ●くろまる full |
| 02 | Memory: CLAUDE.md / Память | ●くろまる full |
| 03 | Permissions & settings / Права и настройки | ◌ outline |
| 04 | Skills & slash commands / Скиллы | ●くろまる full |
| 05 | MCP: external tools / Внешние инструменты | ◌ outline |
| 06 | Agents & parallelism / Агенты и параллель | ◌ outline |
| 07 | Automation / Автоматизация | ◌ outline |
| 08 | The vibe-design workflow ★ | ●くろまる full |
| 09 | Vibe-coding patterns / Паттерны | ◌ outline |
Outlines ship as thesis + official docs links; full versions with flashcards are on the way.
No build, no deps. Просто открой файл:
open index.html # or any static server: python3 -m http.serverBuilt with Claude Code, to its own lessons: the motion follows Emil Kowalski's rules — everything ≤300ms ease-out, transform/opacity only, origin-aware, and the language toggle (a high-frequency action) gets no animation at all. Type: Instrument Serif + JetBrains Mono + Spline Sans.
index.html dashboard
topic.html lesson + flashcards (?id=NN-slug)
news.html what's new feed
content/ topics.js · news.js · i18n.js — all course data
assets/ styles.css · app.js — design system + engine
Topic content lives in content/topics.js as structured bilingual blocks — PRs welcome, both languages required per item. News items: content/news.js, verified links only.
MIT