Claude Code + MCP
Клієнтські сайти з Claude Code — на бекенді, створеному для агентів
Claude Code пише статичний сайт клієнта у вашому репозиторії — за замовчуванням на Astro. Через MCP-сервер jtakeit він перевіряє, збирає сайт і відкриває прев’ю, а jtakeit обслуговує панель, форми, запис і хостинг.
$ npx @jtakeit/astro create client-site --locale en
$ cd client-site && npm ci
$ claude
> Write the site from the brief. Make the hero, the
questions and the form editable, then run the
catalogue check and push.01/ підключення
Підключіть MCP-сервер
Дві команди в Claude Code й одне підтвердження в панелі. Будь-який клієнт, що підтримує MCP, підключається так само — Claude Code тут лише приклад.
$ claude mcp add --transport http jtakeit https://mcp.jtakeit.com/mcp
$ claude mcp login jtakeit
# the panel opens in your browser — approve, and it's done{
"mcpServers": {
"jtakeit": {
"type": "http",
"url": "https://mcp.jtakeit.com/mcp"
}
}
}- 1
Додайте сервер
Додайте MCP-сервер jtakeit своєму агенту: дві команди в Claude Code або кілька рядків конфігурації в іншому MCP-клієнті.
- 2
Підтвердьте в панелі
MCP-клієнт відкриває панель jtakeit у браузері. Ви входите й підтверджуєте підключення.
- 3
Готово — ключ копіювати не треба
API-ключ не показується й не копіюється. Доступ належить вам, і відкликати його можна в панелі, у розділі «Агенти», — він припиняється одразу.
Далі — просіть
Просіть звичайними словами. Агент створює проєкт, пише сторінки, збирає сайт і дає вам посилання на прев’ю для клієнта.
$ claude
> Create a site for my client's barbershop on jtakeit02/ процес
Сайт силами AI-агента: від заготовки до preflight
Агент працює у двох місцях: у git-репозиторії, де він пише й перевіряє сайт, і на платформі — через MCP-сервер jtakeit, — де він збирає сайт, відкриває прев’ю й перевіряє його ще раз.
# in the repository
$ npx @jtakeit/astro catalogue
# writes jtk/catalogue.json, builds the site and checks
# every page against it — both directions
$ git push origin main# then over MCP, from the agent
validate_catalogue # judges the pushed commit, all findings at once
create_site # the site on the platform
attach_repo # imports the branch
commit_and_build # the first build — nothing goes public
get_build # until it settles; get_build_log if it fails
get_built_page # read what was actually built
get_preview_link # the link a person looks at
preflight # before anyone says it is done- Пише. Сторінки, те, що може редагувати власник, і тексти — усе це файли в git. За замовчуванням — Astro; будь-який генератор статичних сайтів можна розкласти за тим самим контрактом.
- Перевіряє локально. Перевірка каталогу не пропустить поле, яке оголошено, але не виведено, або виведено, але не оголошено.
- Збирає. Перша збірка триває менше хвилини на заготовці Astro й близько 90 секунд — на іншому генераторі, і нічого не стає публічним.
- Preflight. Остання перевірка, перш ніж назвати роботу готовою, — а клієнт погоджує прев’ю до оплати.
03/ інструменти
MCP-сервер: інструментів — 24
jtakeit підтримує Model Context Protocol, тож агент звертається до платформи так само, як до всього іншого: за назвою, отримуючи результат, який може прочитати. Ось усі вони.
Сайти
create_siteget_sitelist_sitesattach_repoimport_branch
Збірки
commit_and_buildtrigger_buildget_buildget_build_logget_built_pagerollback
Перевірки
validate_catalogueget_registrypreflightget_preview_link
Dev-сесія
open_dev_sessionget_dev_filessend_dev_catalogueclose_dev_session
Контент і акаунт
get_contentlist_entriesget_statsget_allowanceget_prices
04/ обмеження
Чого агент не може — навмисно
Деякі рішення має ухвалювати людина. Платформа влаштована так, що агент не може ухвалити їх сам:
- Він не бачить клієнтів вашого клієнта — заявок, записів чи учасників.
- Він не може змінити структуру сайту через інструмент. Структура змінюється комітом та імпортом, які ви можете прочитати й перевірити.
- Він не може запустити сайт на власному домені, когось запросити чи підключити іншого агента. Це робить людина в панелі.
- На запущеному сайті його збірка — лише кандидат. Публікує її людина.
05/ dev-сесія
Dev-сесія: ваш локальний сервер зі справжніми текстами власника
Dev-сесія підставляє в локальний dev-сервер справжні тексти власника ще до push — тож наступну правку агента оцінюють за словами, які клієнт справді написав, а не за заглушкою, з якої все починалося.
Як це вписується в загальну картину: агент пише сайт, а jtakeit — бекенд для клієнтських сайтів — обслуговує панель, форми, запис і білінг. Що може редагувати власник, оголошується так само, як у будь-якій Astro CMS для клієнтських сайтів на jtakeit, а якщо ви порівнюєте це з візуальним редактором, дивіться порівняння jtakeit і Webflow.
06/ питання
Сайти силами агента
- Чи може Claude Code зробити сайт?
- Так. Claude Code пише файли, а отже, може написати й статичний сайт — на заготовці Astro від jtakeit або на Next.js, Nuxt, SvelteKit, Eleventy чи Vite: сторінки, компоненти й контент. jtakeit дає йому заготовку, з якої можна почати, і MCP-сервер, щоб зібрати сайт, відкрити прев’ю й перевірити його, а потім бере на себе хостинг, форми, онлайн-запис і платежі.
- Як підключити Claude Code до jtakeit?
- Додайте MCP-сервер jtakeit двома командами в Claude Code. У браузері відкриється панель: ви входите й підтверджуєте підключення. API-ключ не показується й не копіюється, а відкликати доступ можна в панелі, у розділі «Агенти», — він припиняється одразу.
- Що таке MCP-платформа для сайтів?
- Платформа, якою ШІ-агент керує через Model Context Protocol. MCP-сервер jtakeit має 24 інструменти: з ними агент перевіряє, що може редагувати власник, створює сайт, збирає його, отримує посилання на прев’ю й проходить останні перевірки, перш ніж хтось назве роботу готовою.
- Чого агент не може робити в jtakeit?
- Він не бачить клієнтів вашого клієнта: заявок, записів і учасників. Він не може змінити структуру сайту через інструмент — це робиться комітом та імпортом. Він не може запустити сайт на власному домені, когось запросити чи підключити іншого агента — це робить людина в панелі.
- Чи я й далі перевіряю те, що пише агент?
- Так, і ви маєте таку змогу, бо все, що він пише, — це файли у вашому git-репозиторії. На запущеному сайті збірка агента — лише кандидат, а публікує її людина.
- Чи це працює лише з Claude Code?
- Ні. Будь-який клієнт, що підтримує MCP, підключається так само: додайте MCP-сервер jtakeit і підтвердьте підключення в панелі. На цій сторінці описано Claude Code, бо він працює з файлами й терміналом саме так, як потребує описаний вище процес.
07/ безкоштовно
Зробіть наступний клієнтський сайт із Claude Code
Зареєструйтеся в панелі та зробіть перший клієнтський сайт. Розробка й прев’ю нічого не коштують — оптову ціну ви платите, лише коли сайт запущено.
Спробувати безкоштовноadmin.jtakeit.com
- Безкоштовно, доки сайт не запущено
- Далі — оптова ціна за запущений сайт, від €5 на місяць
- Код залишається у вашому git-репозиторії