Knowledge Site Creator — скилл
Knowledge Site Creator, скилл Claude Code, собирает учебный сайт с карточками и тестами по одной теме и выкладывает на Vercel.
- 370 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скилл создает файлы и выкладывает сайт на Vercel под учетной записью пользователя.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/knowledge-site-creatorОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл создает файлы и выкладывает сайт на Vercel под учетной записью пользователя.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл `knowledge-site-creator` берет тему вроде «квантовая механика» или «история Пяти династий», сам придумывает 20–30 ключевых понятий, пишет тексты и собирает статический сайт. Страницы строятся по описанной в `references/` дизайн-системе, готовых шаблонов нет. На сайте пять режимов: карточки, пошаговое изучение, тест с четырьмя вариантами, указатель с поиском и прогресс в LocalStorage. Скилл добавляет PWA с иконками, SEO-разметку и защиту от XSS, а затем разворачивает сайт на Vercel и возвращает ссылку. Проект описан по-китайски.
Для кого. Преподавателям и авторам обучающих материалов, которым нужен небольшой самостоятельный сайт для заучивания терминов по теме.
Подходит, если
- К курсу нужен сайт с карточками терминов по теме за один вечер.
- Студентам дают тренажер с тестами по истории, который работает без регистрации.
- Глоссарий по узкой теме превращают в установочное PWA с поиском.
- Эксперт публикует понятия своей области в виде ссылки для коллег.
Не подходит, если
- Нужен сайт с аккаунтами, оплатой или серверной логикой.
- Содержание требует строгой проверки: текст пишет модель, и факты надо сверять.
- Дизайн должен соответствовать готовому фирменному стилю.
Пример запроса к агенту
Сделай обучающий сайт по основам цветовой теории на 25 понятий и выложи на Vercel.Ограничения
Весь текст сайта сочиняет модель, поэтому факты, даты и определения надо сверять с источниками до публикации. Нужны Node.js 18 или новее и, для выкладки, Vercel CLI с вашей учетной записью. Дизайн фиксирован: жолтая тема, шрифт Inter и один набор режимов, а менять цвет придется в `css/minimal.css`. Последний коммит в репозитории датирован октябрем 2026 года. Тесты и карточки строятся по тем понятиям, которые придумала модель, а не по учебнику.
Как отключить. Удалите каталог скилла из `~/.claude/skills`. Выложенный сайт снимите в панели Vercel, а локальный прогресс очищается в браузере.
Частые вопросы
Сколько понятий создается по умолчанию?
От 20 до 30. Другое число называют в запросе, например «50 основных понятий».
Где хранится прогресс учащегося?
В LocalStorage браузера. Режим инкогнито или очистка данных сайта сбрасывает прогресс.
Как поменять цвет?
Отредактируйте переменную `--color-primary` в сгенерированном файле `css/minimal.css`. По умолчанию цвет `#FBBF24`.
Что делать, если страница пустая?
Откройте консоль браузера: обычно причина в пути к файлу данных или ошибке синтаксиса JSON, как сказано в разделе Troubleshooting README.
Нужен ли сервер для сайта?
Нет. Сайт статический, на чистых HTML, CSS и JavaScript без зависимостей. Vercel нужен только для выкладки, и сайт можно разместить где угодно.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл Claude Code собирает изометрический разбор системы: по карте едет объект, и каждая остановка запускает шаг симуляции.
cy-carousel собирает карусель из обложки и 10 страниц про ИИ-тему: проверка фактов, открытые материалы, проверка макета.
Четыре скилла Claude Code: подборки ресурсов, темы сайта, DESIGN.md из любого сайта и правка китайских текстов от следов ИИ.
Скилл Claude Code рисует по описанию интерактивные изометрические схемы по биологии: механизм переключается, у цифр есть источник
Скилл написания SEO-статей с картинками
SEO Article Writer
10-этапный пайплайн Claude Code: семантика из Wordstat, анализ топ-5 конкурентов, AI-обложка и иллюстрации, публикация в WordPress, Дзен и Prisma Blog
Скилл Claude Code: полный цикл SEO-контента под Яндекс, от семантики до AEO, с движком на Python и реальным Вордстатом
Коротко о README
В README перечислены четыре работающих примера сайтов: история Пяти династий, правила дизайна, корни английских слов и термины больших моделей. Принцип проекта: переиспользовать дизайн-систему, а не код страниц.