Agent Skill, который превращает тему, текст, веб-страницу, скриншот или PDF в диалоговое обучение по методу Сократа — с одним вопросом за раз.
ywEdAi/teachable-figures
Навык для AI-агента, который превращает тезис урока в интерактивную схему: ученики прогнозируют результат, меняют причину и объясняют новый случай.
- Звёзды
- 283
- Форки
- 38
- Открытые issues
- 0
- Последний коммит
- 4 дня назад
Что это?
Teachable figures — это навык для AI-агента, который помогает создавать интерактивные учебные схемы вокруг одного причинно-следственного тезиса. Ученик прогнозирует результат, меняет причину с помощью встроенных элементов управления, наблюдает эффект, а затем объясняет новый случай. Навык начинает с учебной спецификации, в которой указаны тезис, распространённое заблуждение, причина, наблюдаемый эффект и лежащая в основе модель, и только после этого выбирает геометрию и рендерер.
В репозитории есть инструкции для навыка, наборы средств рендеринга, адаптированные из двух сторонних навыков (Anatomy — для механических тел и 3D-видов, iso-figure — для изометрического SVG), шесть готовых примеров уроков, которые работают офлайн как автономные HTML-страницы, а также тесты для браузера и моделей. Навык работает со схемой уроков хост-приложения или как автономная HTML-схема и устанавливается в каталоги навыков Claude Code или Codex.
Примеры посвящены передаточным отношениям шестерён, сечениям конуса, человеческой грудной клетке в 3D, ракете в разрезе, потоку данных в механизме внимания Transformer и халату эпохи династии Мин. В проекте отмечено, что созданные схемы предназначены для обучения и не проходили проверку на учащихся.
Ключевые возможности
- 01Превращает один учебный тезис в цикл взаимодействия: спрогнозировать, попробовать и объяснить.
- 02Предоставляет наборы средств рендеринга для 2D SVG, изометрического SVG, механических схем в разрезе и вращаемых 3D-видов.
- 03Включает шесть готовых офлайн-уроков в HTML со встроенными элементами управления, сбросом и двуязычными страницами.
- 04Включает наборы тестов для моделей и браузера, а также скрипт проверки 3D-геометрии.
- 05Устанавливается как навык в Claude Code или Codex либо работает с обычной HTML-схемой.
Сценарии использования
- Создание интерактивной демонстрации по физике или механике, которая показывает, как изменение одного входного параметра влияет на результат.
- Создание автономной учебной HTML-схемы для урока о распространённом заблуждении.
- Добавление взаимодействий с прогнозированием и объяснением в существующее образовательное веб-приложение.
- Поиск способов наглядно представить ученикам абстрактные модели, например механизм внимания или зубчатые передачи.
Быстрый старт
- 1
Установите для Claude Code, клонировав репозиторий в каталог skills
git clone https://github.com/ywEdAi/teachable-figures.git ~/.claude/skills/teachable-figures - 2
Перезапустите Claude Code, введите /teachable-figures и опишите учебную задачу
- 3
При желании установите зависимости для разработки, чтобы запустить проверки
npm ci
Что важно знать
- В метаданных не указана лицензия, поэтому условия повторного использования неясны.
- Иллюстрации не оценивались с участием учащихся, поэтому их эффективность в обучении не доказана.
- Некоторые примеры в комплекте содержат туры с автозапуском, которые нужно отключить перед добавлением в урок.
- Для проверок в браузере требуется установленный Google Chrome или настроенный Chromium для Playwright.
В подборках
Темы
Частые вопросы
- Что такое teachable-figures?
- Навык для AI-агента, который превращает тезис урока в интерактивную схему: ученики прогнозируют результат, меняют причину и объясняют новый случай. Teachable figures — это навык для AI-агента, который помогает создавать интерактивные учебные схемы вокруг одного причинно-следственного тезиса. Ученик прогнозирует результат, меняет причину с помощью встроенных элементов управления, наблюдает эффект, а затем объясняет новый случай. Навык начинает с учебной спецификации, в которой указаны тезис, распространённое заблуждение, причина, наблюдаемый эффект и лежащая в основе модель, и только после этого выбирает геометрию и рендерер.
- teachable-figures можно использовать бесплатно? Какая у него лицензия?
- У teachable-figures не указана лицензия. Код открыт, но без лицензии нет явного разрешения на его использование — уточните у автора, прежде чем на него полагаться.
- teachable-figures всё ещё поддерживается?
- Активно поддерживается. Последний коммит в teachable-figures — 3 нояб. 2026 г..
- Для чего можно использовать teachable-figures?
- Создание интерактивной демонстрации по физике или механике, которая показывает, как изменение одного входного параметра влияет на результат. Создание автономной учебной HTML-схемы для урока о распространённом заблуждении. Добавление взаимодействий с прогнозированием и объяснением в существующее образовательное веб-приложение. Поиск способов наглядно представить ученикам абстрактные модели, например механизм внимания или зубчатые передачи.
- Как установить teachable-figures?
- Установите для Claude Code, клонировав репозиторий в каталог skills: git clone https://github.com/ywEdAi/teachable-figures.git ~/.claude/skills/teachable-figures Перезапустите Claude Code, введите /teachable-figures и опишите учебную задачу При желании установите зависимости для разработки, чтобы запустить проверки: npm ci
- Где скачать teachable-figures?
- Исходный код и инструкции по установке — на GitHub: https://github.com/ywEdAi/teachable-figures
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Навык Claude, который превращает EPUB, PDF и другие книги в локальный интерактивный курс с уроками, тестами, карточками и проверенными модульными тестами упражнениями по программированию.
Навык для Claude, который создает интерактивные изометрические SVG-иллюстрации реальных механизмов и систем, чтобы объяснять технические идеи.
Навык для Claude Code, который создаёт интерактивный офлайн-симулятор любой разбираемой машины в виде одной HTML-страницы.
Интерактивный справочник по ESP32-S3 в браузере: 32 лабораторные работы, симуляторы, распиновка, просмотрщик кода прошивки и раздел с документацией.
Вставьте ссылку на статью arXiv и получите интерактивный пошаговый курс на её основе, размещённый на AERO.