Новини
Агент зі штучним інтелектом може створювати та керувати вашим веб-сайтом
Наш простий рецепт: GitHub для коду та історії, Cloudflare для хостингу та AI-агент, який створює, модифікує та підтримує сайт за допомогою голосу. Для запуску доступні безкоштовні плани, без прив'язки до ШІ-провайдера, платформі Git або хостингу.
Будь-який здатний ШІ-агент може створити веб-сайт і керувати ним без необхідності кодування: безкоштовний хостинг в рамках тарифного плану, безкоштовна Історія версій і відкати, створення і редагування за допомогою голосу, призначені для користувача домени, облікові записи користувачів і платежі. Ось рецепт, який ми використовуємо.
Крок 1: GitHub
Створіть безкоштовний обліковий запис на GitHub. На GitHub знаходиться код веб-сайту, завдання з розробки та повна історія змін. Кожна збережена версія відстежується і може бути відновлена. Вивчати GitHub не потрібно: агент пояснює, на які кнопки натискати, щоб створити сховище. Підключіть GitHub до Агента за допомогою підтримуваної інтеграції, MCP connector або інструментів розробки. Це працює як з локальними агентами, так і з хмарними агентами, такими як ChatGPT, Grok або Claude Code, залежно від їх інструментів та дозволів.
Крок 2: Cloudflare.
Створіть безкоштовний обліковий запис Cloudflare. Вона надає інфраструктуру: хостинг в рамках тарифного плану, безкоштовний субдомен, бази даних і файлове сховище з безкоштовними обмеженнями на використання, серверні функції і API, автоматичне розгортання і підтримку користувацьких доменів. Користувацький домен необов'язковий і, як правило, коштує грошей. Підключіть сховище до Cloudflare для автоматичного розгортання та надайте агенту доступ через підтримувані інструменти, MCP або API.
Крок 3: поговоріть з агентом
Наприклад: "створіть для мене веб-сайт. Використовуйте моє сховище на GitHub і розгорніть його в Cloudflare. Створіть мій домен, налаштуйте все і підготуйте його до використання". Надсилайте скріншоти, логотипи, посилання на сайти або ескізи або просто опишіть ідею. Агент, який може переглядати, аналізувати зображення, запускати код і користуватися підключеними сервісами, може створити проект, зафіксувати його і розгорнути. Деякі дозволи, облікові дані та налаштування все ще повинні бути підтверджені власником.
Крок 4: веб-сайт продовжує розвиватися
Зміни запитуються простими словами: більш сучасна домашня сторінка, реєстрація та логін, персональна панель управління для кожного користувача, платіжний провайдер, база даних, панель адміністратора, інша мова, відновлення попередньої версії, підключення домену. За обробку платежів і деякі сторонні функції стягується окрема плата, а у безкоштовної інфраструктури є обмеження по використанню.
Ніякого блокування немає
- Існуючий сайт можна перенести на цю настройку, зберігши дизайн, зміст і функціональність там, де це технічно можливо.
- Закрите сховище зберігає вихідний код приватним; відвідувачі бачать лише опублікований веб-сайт.
- Видимість для пошукових систем та сканерів зі штучним інтелектом-це параметр, який агент може налаштувати на вимогу.
- Агент зі штучним інтелектом може бути змінений в будь-який час: новий агент зчитує код і історію комітів і продовжує роботу.
- GitHub може бути замінений GitLab, Gitea, Forgejo або локальним Git-сервером, а Cloudflare - іншим хостингом; код та історія залишаються портативними, хоча трубопроводи та інтеграції можуть вимагати повторного підключення.
Не чекайте ідеальної першої версії
Перша версія може бути поганою, але це відправна точка. Потім все може бути змінено: текст, зображення, розділи або концепція в цілому. Рішення приймає власник, а агент допомагає.
Перевірки є частиною кожного оновлення. Попросіть агента оцінити швидкість і продуктивність, перевірити кожну кнопку і посилання, перевірити основні функції, макети для мобільних пристроїв і настільних комп'ютерів, реєстрацію, логін і платежі, знайти непрацюючі сторінки і запропонувати поліпшення. І після кожної зміни самостійно відкривайте сайт і користуйтеся ним як справжній відвідувач. Агент є розробником, дизайнером та помічником з огляду; власник - особа, яка приймає рішення, та кінцевий інспектор якості.
Що це означає для клієнта Box
- Той самий підхід працює і з локальним агентом на Box.
- Код веб-сайту та історія належать власнику.
- Кожна зміна може бути скасована.