Смотреть референсы по ссылке, собирать лендинги под ключ, снимать дизайн-систему, делать форматы и картинки. Даже если ты не технарь.
🔌
Подключить кит
01
Скопируй две команды и вставь в чат с Claude по очереди. Дальше пишешь /site-studio.
1
Добавь маркетплейс кита
/plugin marketplace add navolneai.ru/site-kit.git
2
Установи кит
/plugin install site-kit@site-kit-marketplace
3
Одна команда — весь сайт под ключ
/site-studio
🧩
Что внутри
02
От «нашёл красивый сайт» до «собрал свой».
/site-studio
Сайт под ключ, оркестратор
Главная команда. Ведёт весь конвейер сам и объединяет всё: референс → дизайн-система → вёрстка → картинки → форматы → ревью командой. Не один скилл, а собранный проект.
/see-site
Смотреть референсы
Кидаешь ссылку на сайт — Claude смотрит его сам и разбирает цвета, шрифты, блоки.
/site-build
Собрать лендинг
Ведёт за руку по 7 шагам: референс, разбор, бриф, структура, картинки, вёрстка, правки.
/design-system
Снять дизайн-систему
Из готового сайта вытаскивает палитру, шрифты, компоненты и правила в один файл.
/site-format
Любой формат
Из дизайн-системы собирает презентацию, карусель, Stories, меню или баннер.
/gen-image
Сгенерить картинку
Картинки для сайта, слайдов и карусели. Бесплатно, без ключей и регистрации.
/site-preview
Живая ссылка
Поднимает сервер и даёт ссылку через прокси. Видишь сайт живьём, без скачивания.
/site-review
Визор самопроверки
Claude сам смотрит сайт картинкой, находит overflow и съехавшую вёрстку, чинит до выдачи.
/fix-orphans
Висячие предлоги
Чинит короткие слова, повисшие в конце строки. Чистая типографика.
🎒
Что понадобится
03
бесплатноСмотреть сайты работает из коробки, ничего настраивать не надо.
бесплатноКартинки-заглушки генерятся бесплатно, чтобы собрать вид сайта. Клиент потом заменит своими фото.
свой ключКартинки вау-качества через Krea, своим API-ключом, копейки за штуку. Как взять ключ — Claude подскажет.