Knowledge Site Creator skill
Knowledge Site Creator, скилл Claude Code, собирает учебный сайт с карточками и тестами по одной теме и выкладывает на Vercel.
- 371 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Скилл создает файлы и выкладывает сайт на Vercel под учетной записью пользователя.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/knowledge-site-creatorDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Скилл создает файлы и выкладывает сайт на Vercel под учетной записью пользователя.
This is third-party code. Review the repository files before installing.
What it does
Скилл `knowledge-site-creator` берет тему вроде «квантовая механика» или «история Пяти династий», сам придумывает 20–30 ключевых понятий, пишет тексты и собирает статический сайт. Страницы строятся по описанной в `references/` дизайн-системе, готовых шаблонов нет. На сайте пять режимов: карточки, пошаговое изучение, тест с четырьмя вариантами, указатель с поиском и прогресс в LocalStorage. Скилл добавляет PWA с иконками, SEO-разметку и защиту от XSS, а затем разворачивает сайт на Vercel и возвращает ссылку. Проект описан по-китайски.
Who it is for. Преподавателям и авторам обучающих материалов, которым нужен небольшой самостоятельный сайт для заучивания терминов по теме.
Good fit when
- К курсу нужен сайт с карточками терминов по теме за один вечер.
- Студентам дают тренажер с тестами по истории, который работает без регистрации.
- Глоссарий по узкой теме превращают в установочное PWA с поиском.
- Эксперт публикует понятия своей области в виде ссылки для коллег.
Not a fit when
- Нужен сайт с аккаунтами, оплатой или серверной логикой.
- Содержание требует строгой проверки: текст пишет модель, и факты надо сверять.
- Дизайн должен соответствовать готовому фирменному стилю.
Example request
Сделай обучающий сайт по основам цветовой теории на 25 понятий и выложи на Vercel.Limitations
Весь текст сайта сочиняет модель, поэтому факты, даты и определения надо сверять с источниками до публикации. Нужны Node.js 18 или новее и, для выкладки, Vercel CLI с вашей учетной записью. Дизайн фиксирован: жолтая тема, шрифт Inter и один набор режимов, а менять цвет придется в `css/minimal.css`. Последний коммит в репозитории датирован октябрем 2026 года. Тесты и карточки строятся по тем понятиям, которые придумала модель, а не по учебнику.
How to disable. Удалите каталог скилла из `~/.claude/skills`. Выложенный сайт снимите в панели Vercel, а локальный прогресс очищается в браузере.
FAQ
Сколько понятий создается по умолчанию?
От 20 до 30. Другое число называют в запросе, например «50 основных понятий».
Где хранится прогресс учащегося?
В LocalStorage браузера. Режим инкогнито или очистка данных сайта сбрасывает прогресс.
Как поменять цвет?
Отредактируйте переменную `--color-primary` в сгенерированном файле `css/minimal.css`. По умолчанию цвет `#FBBF24`.
Что делать, если страница пустая?
Откройте консоль браузера: обычно причина в пути к файлу данных или ошибке синтаксиса JSON, как сказано в разделе Troubleshooting README.
Нужен ли сервер для сайта?
Нет. Сайт статический, на чистых HTML, CSS и JavaScript без зависимостей. Vercel нужен только для выкладки, и сайт можно разместить где угодно.
Discussion
No questions or reviews yet.
Related
SkillsA Claude Code skill that builds an isometric explainer: a vehicle travels the map and each stop runs one real simulation step.
cy-carousel turns an AI topic into a cover plus 10 carousel pages, with fact checks, open-licensed assets and layout checks.
Four Claude Code skills: resource roundup articles, website themes, DESIGN.md from any site and de-AI polishing of Chinese text.
A Claude Code skill that draws interactive isometric biology figures from a description: toggled mechanisms, sourced numbers
SEO article writer skill with images
SEO Article Writer
A 10-stage Claude Code pipeline: Wordstat semantics, top-5 competitor analysis, AI cover and illustrations, publishing to WordPress, Dzen and Prisma Blog
A Claude Code skill for the full Yandex-focused SEO content cycle, from keywords to AEO, with a Python engine and real Wordstat data
README in short
В README перечислены четыре работающих примера сайтов: история Пяти династий, правила дизайна, корни английских слов и термины больших моделей. Принцип проекта: переиспользовать дизайн-систему, а не код страниц.