AI Agent Builds a Website in Minutes!
60sDemonstrates the core value proposition of the tool, showing how an AI agent can build a complete website from a simple description, which is highly appealing to non-coders.
▶ Play Clip"The title promises professional sites in minutes, and the video delivers exactly that with a clear, step-by-step demonstration."
This video provides a comprehensive, step-by-step tutorial on using the AI agent Runable to create a professional website from scratch, without any coding or design skills. The host demonstrates the entire process in real-time, from describing the desired site to publishing it with a custom domain, using a personal trainer website as an example.
The video introduces Runable, an AI agent that can build websites from natural language descriptions. It emphasizes that no programming or design skills are required, just the ability to describe the desired outcome.
The host introduces himself as a clone of Rodrigo Bernardes, created to continue the channel 'Business in Mind' due to Rodrigo's family health issues. The channel focuses on AI education.
Runable is described as an AI agent, not just a chatbot. It actively builds the website, handling tasks like information organization and execution, rather than just providing instructions.
The first step is to describe the type of website you want. The example given is a personal trainer site for 'Hugo', with a homepage, about section, monthly plans with prices, student testimonials, a trial lesson button, and a student medical questionnaire.
The host sets the sensitivity to high and selects 'flat mode' for more complex websites. This mode allows the agent to search, ask questions, and create a plan before building.
Instead of guessing, the agent asks clarifying questions about details like plan names, prices, contact methods, and student login requirements. The host suggests using fictional information for testing.
If you're unsure how to explain what you want, ask the AI to 'make me exactly what I need'. This reverses the roles and helps the AI guide you to the right specifications.
The AI generates a plan based on the provided information, which the user can approve, modify, or execute. The host adds a request for a calendar to schedule classes.
Runable operates on a credit system, similar to cloud services. Each action (message, adjustment, publish) consumes credits. Free plans offer 1500 credits, but paid plans start at a few dollars per month.
The AI builds the website in real-time, with a live preview. It automatically handles database setup, image storage, and even provides a key for adding AI features.
After the site is built, you can request changes in plain language. The host asks to change green details to orange, and the preview updates automatically.
Runable supports over 3000 integrations, including Gmail, Google Drive, Mailchimp, and CRM systems. For the trainer example, integration with fitness apps like Exrava is possible.
Clicking 'Publish' makes the site live. The platform provides a temporary URL (e.g., .runable.site) which can be customized later. The site is accessible to anyone once published.
To use a custom domain, you need to connect it via the dashboard. The process involves entering the domain, selecting the registrar, and waiting for DNS propagation (up to 24 hours).
The video concludes by summarizing the process: from a blank page to a fully functional website in minutes. It emphasizes that AI is like a 'top-tier intern' that requires human review and strategy.
Runable enables anyone to create a professional website quickly and affordably, but it's crucial to review and test the AI's output. The tool is a powerful asset for entrepreneurs and businesses, but human oversight remains essential for quality and accuracy.
What is Runable?
Runable is an AI agent that builds websites from natural language descriptions, without requiring coding or design skills.
01:31
What is the 'flat mode' in Runable?
Flat mode is a setting for more complex websites, allowing the agent to search, ask questions, and create a plan before building.
03:29
What trick can you use if you don't know how to explain what you want to the AI?
Ask the AI to 'make me exactly what I need', reversing roles to help the AI guide you to the right specifications.
04:43
How does Runable's credit system work?
Each action (message, adjustment, publish) consumes credits. Free plans offer 1500 credits, but paid plans start at a few dollars per month.
06:03
How many integrations does Runable support?
Runable supports over 3000 integrations, including Gmail, Google Drive, Mailchimp, and CRM systems.
08:44
What is the temporary URL provided by Runable?
Runable provides a temporary URL with the extension .runable.site, which can be customized later.
10:40
How long can DNS propagation take for a custom domain?
DNS propagation can take up to 24 hours.
12:10
What is the recommended approach to using AI tools like Runable?
Treat AI as a 'top-tier intern' that requires human review and strategy. Always test and verify the AI's output.
13:58
Runable is an AI agent, not a chatbot
This distinction is crucial because it means the tool actively builds the site, not just advises, which is the core value proposition.
01:31Reverse roles trick for better AI prompts
This is a practical, reusable technique that helps users overcome the common problem of not knowing how to articulate their needs to AI.
04:43Credit system explained
Understanding the cost structure is essential for users to plan their usage and avoid interruptions, especially on free plans.
06:03Over 3000 integrations
This highlights the tool's versatility and potential to fit into existing business workflows, making it more than just a website builder.
08:44AI as a top-tier intern
This metaphor effectively communicates the need for human oversight and strategic direction when using AI tools, a key principle for responsible AI adoption.
13:58[00:01] но он, как и я, застрял в своих мыслях Я не умею программировать, иначе это будет дорого... Слишком дорого? Тогда это видео для вас. Сегодня я познакомлю вас с Рабле, Полностью с нуля. И всё, что вы Вам нужно всего лишь написать то, что вы...
[00:15] Он этого хочет. И вы можете начать бесплатно. Здесь Мы будем вместе, шаг за шагом, создавать веб-сайт. шаг. Вы будете следить за каждым разговором. что я буду делать с ИИ в режиме реального времени. Другими словами, всё, что прошло хорошо, и что... Это тоже может пойти не так. А что, если ты останешься?
[00:27] До самого конца вам будет доступна сцена. Видеороликов, демонстрирующих процесс публикации, очень мало. ваш веб-сайт с собственным доменом, Выбрано вами, с вашим лицом на нём. отметка. Итак, вы научитесь создавать Вашему собственному сайту нужны сотрудники.
[00:39] Дизайнер и программист дорого за это платят. Жду уже несколько недель. И в качестве примера персональный тренер, но вы сможете адаптироваться к любому бизнесу, будь то физический магазин, сайт электронной коммерции, компания Что касается услуг, вы сможете к ним адаптироваться.
[00:53] любой вид бизнеса. Если это так Вы здесь впервые, я — клон Родриго Бернардеса. Будьте очень Добро пожаловать на канал Business in Mind. Здесь вы узнаете все, что вам нужно знать о искусственный интеллект. Все видео
[01:06] Контент канала создается, рецензируется и обрабатывается. Отредактировано людьми. Но в этом году Родриго решил создать меня, чтобы достичь вернуться к созданию образовательных видеороликов для ты, главным образом из-за одного У вашего сына серьёзные проблемы со здоровьем.
[01:18] Поэтому канал продолжит свою работу. качественный контент и поддержание вашего интереса Лидер в гонке искусственного интеллекта. Я надеюсь, что Поставьте лайк и напишите своё мнение в комментариях. который мы будем использовать для создания нашего Сайт называется Rable. И она не из тех, кто любит поболтать.
[01:31] искусственный интеллект, а скорее искусственный интеллект Агент искусственного интеллекта. Это означает, что вы Создайте настоящий веб-сайт. И нет Я просто говорю вам то, что вы должны делать. Разместите на своем веб-сайте информацию о том, как организовать... информация. Он словно был
[01:44] Я работаю на вас, следуя вашим указаниям. руководящие принципы. Другими словами, вам это не нужно. Вам необходимо уметь программировать или рисовать. веб-сайт. Вам просто нужно знать, как это описать. Результат, которого вы хотите, именно таким, каким вы его хотите видеть. Я бы объяснил это профессионалу.
[01:57] наемный. Но здесь тот, кто исполняет приказы, — это... инструмент. И, как я уже сказал, мы это сделаем. И почему именно он? Я выбрал этот пример. Я делаю это лично специально, потому что это случай, который позволит нам использовать различные функции и плагины Reable.
[02:10] Люди смогут его собрать, они смогут его адаптировать. обучающий материал для любой ниши, независимо от того, являетесь ли вы... стоматолог, консультант или владелец Ложинья, тут та же самая логика. Веб-сайт запущен и работает, клиенты записываются на прием, вы получение. Меняется только содержание. Затем
[02:23] пойдем. Я собираюсь разделить экран. чтобы вы могли выполнить каждый шаг этого процесса. Строительство в пронумерованных этапах. Шаг Для начала опишите, какой тип веб-сайта вы хотите создать. ТЕ Первое, что нужно сделать, это ввести Понятно, ссылка в описании. Узел
[02:35] тип проекта. Здесь мы нажмем на веб-сайт. Затем просто опишите, что вы друг или профессионал, который наемный. В моем случае я это указал. Мне нужен сайт для персонального тренера. Его зовут Хьюго, и у него есть центр...
[02:49] Мне нужна главная страница с фразой. впечатляющая сессия обо мне, о... Ежемесячные планы тренировок с указанием цен. отзывы студентов, кнопка для запланируйте пробный урок. медицинская анкета студента
[03:02] студенческий раздел с авторизацией, где они могут получить доступ. Учебный лист. Всё ещё завершено Требуется современный темный фон. с зелеными деталями. Вы увидите больше В дальнейшем вы сможете проводить тесты. с другими цветами, шрифтами, и вы можете изменить
[03:15] Весь дизайн, просто запросите изменения. для инструмента, который ответит вам в специфический. Это одно из правил золото. Более ясный и подробный С первой попытки. Но прежде Отправьте команду, я сделаю кое-что
[03:29] выбор. Я оставляю высокий уровень чувствительности, чтобы инструмент выбирает наилучшую систему который будет использован для выполнения моего запроса и в Далее я выбираю плоский режим. Он Это полезно для более полных веб-сайтов, таких как что. В этом режиме агент осуществляет поиск и выполняет действия.
[03:41] Задавайте вопросы и составьте план того, что вы собираетесь делать. Сначала составьте план, прежде чем начать создавать свой продукт. сайт. Это позволит избежать повторной работы. передний. Шаг второй: пусть агент вам расскажет. Это то, что я люблю делать. Вместо Если я угадаю и промахнусь, агент спросит меня, что
[03:54] Какие названия и цены у этих товаров? планы? Как лучше всего с ними связаться? Здесь, Поскольку мы проводим моделирование, я спросил чтобы он включил вымышленную информацию, Но все, что вам нужно сделать, это сообщить свой номер телефона. Электронная почта, WhatsApp. И вопросы
[04:07] Для доступа к личному кабинету студента требуется авторизация. с помощью электронной почты и пароля. Как они будут созданы? Учебные материалы? А если он у меня есть? визуальная идентичность, логотип и фотографии. Я также могу отправить это на свой сайт. Сделайте его еще более персонализированным. Ещё один
[04:19] вместо этого, поскольку мы запускаем только один тест, который покажет вам, как использовать собственный инструмент для использования изображений актуальны и являются отличными примерами таких людей.
[04:31] брифинг-совещание. Но здесь Результат получается мгновенно, а стоимость очень низкая. ниже. Ваша задача здесь — ответить на каждый вопрос. А вот один трюк, который Это работает для любого ИИ, а не только для Ханаба. Если вы не знаете, как объяснить, что
[04:43] Именно этого вы и хотели, поменяйте роли местами. К Вот и всё, напишите что-нибудь вроде: "Сделай меня «Именно то, что мне нужно». Он остановился. Вы перестаёте гадать и начинаете делать правильные выводы. Следуя нашему примеру, обратите внимание, что Инструмент на мгновение задумался и
[04:56] Затем он предложил мне несколько вариантов. дизайн, чтобы понять мой Это невероятно, потому что это показывает, что она понимает важность общения с вашей аудиторией. Кроме того, это ей помогает. создать идентичность, которая хорошо согласуется с
[05:10] рассказала ей о своей личности Например, визуальная идентичность бренда, скорее всего, что эти примеры будут и другими. соответствует этой идентичности, но для Наш вымышленный пример великолепен. В Далее ИИ составляет план, включающий все необходимые данные.
[05:23] информация, которой я поделился, чтобы Я могу одобрить, выполнить или сделать что-то. Перед продолжением внесите необходимые корректировки. Обратите внимание, что Поток клиентов описывается как не имеющий Предварительная регистрация, о которой я просил. отвечая на заданные вопросы
[05:35] Так, как есть, потому что это действительно хорошо выглядит. Я закончу это и дам ей поработать, но Я попрошу предоставить доступ к Календарь для составления расписания занятий. Получите доступ к расписанию персонального тренера и выберите... бесплатное расписание. Обратите внимание, что
[05:50] Вы можете включить эту функцию в свой сайт. Поскольку я добавил заказ, Инструмент понимает, что ему нужно удалить другие вопросы, такие как расписание занятий и Часы работы. Ты только Вам необходимо продолжать отвечать соответствующим образом.
[06:03] определить, какой я хочу видеть эту повестку дня. Я зашёл на сайт и выбрал плагин, который... В Renable есть Google Календарь. До Давайте перейдём к следующему пункту, но вот что важно. ТЕ Компания Renable работает в стиле кредиты очень похожи на другие и как
[06:16] Облачные технологии. Каждое действие с участием агента потребляет кредит, каждое сообщение, каждая корректировка Дополнительные расходы связаны с кликом для публикации. Сам сайт. Хорошая новость в том, что среди В тарифных планах Rable вы найдете варианты, которые... Они стоят всего несколько долларов в месяц. Так что это
[06:30] выгодное предложение, которое помещается в вашем кармане, особенно если вы представите, сколько это стоит Экономия денег без необходимости нанимать сотрудников разработчик, дизайнер и программист. что? Во-первых, потому что это важно для вас. чтобы знать, как работает этот инструмент
[06:42] вы используете. В конце концов, даже Начиная с бесплатного варианта, вполне вероятно, что Для этого нужны кредиты. Продолжение создания веб-сайта. Второй потому что во время проведения нашего теста, Появилось сообщение, информирующее меня о том, что я
[06:54] Кредиты закончились. Если это произойдёт во время создания На сайте нажмите «Обновить» и выберите один из тарифных планов платформы. Тогда это Продолжайте свой проект. Вам это не нужно. беспокойство по поводу потери всего, что уже было
[07:08] На данный момент сделано. Другой вариант — прекратить свою деятельность. проект и продолжить на следующий день. Вы получаете 1500 кредитов каждые несколько дней. Использованные баллы за день не начисляются. следующий. Но, честно говоря, создавать
[07:22] Я рекомендую вам выбрать один из этих сайтов. платный тариф. Бесплатные кредиты заканчиваются. быстро и как начинаются планы с $ Это стоит делать ежемесячно. нужные вам функции немедленно. Шаг третий: посетите веб-сайт.
[07:36] родиться, жить. Хотя ИИ создает препятствия, Здесь, сбоку, отображается предварительный просмотр в режиме реального времени. сессия за сессией. И посмотрите, какая замечательная вещь! к которому он готовится, не Ничего настраивать не нужно. база данных для хранения информации, пространство
[07:49] для хранения изображений и файлов и даже небольшой ключ для ИИ, если вам это нужно добавить какую-нибудь интеллектуальную функцию внутрь с сайта. Далее, шаг четыре, регулировка. Все только и говорят. После сайта После завершения вы все еще можете сделать
[08:01] Ему очень сложно стать таким, как ты. Он этого хочет. Если вам что-то не понравилось, значит, так и есть. Просто напишите на обычном языке и спросите. Изменение. Все очень просто, как разговор. О, я попрошу его поменять детали, выделенные зелёным цветом,
[08:15] апельсин. Я отправила, и он тут же внес изменения. ТЕ Предварительный просмотр обновляется автоматически. Вот и всё, идите и... Не похожа на модель с выпускного бала. Обратите внимание, что вместе с утверждением разрешенной планировки расписание, студенческая зона и панель управления. Через несколько минут
[08:31] Готовьтесь, убедитесь, что это уже возможно. что студент сам выбирает план и расписание. В экспериментальной группе проведите сбор анамнеза и только потом, в конце, это Была подана заявка на регистрацию, которая также может... Это будет сделано компанией Google. Точно так же
[08:44] просить. Это верно. Вся система Сайт готов. Пятый шаг, подключитесь. Потому что именно благодаря этому совету ваш сайт Это уже не просто красивая платформа, и Она превращается в рабочую машину. Толпа Поддерживает связь с более чем 3000 приложениями.
[08:57] Среди них есть несколько приложений, которые нравятся всем... используется, например, в Gmail, Google Drive, Mailimp. а также те, которые специфичны для каждого региона. как и самые известные CRM-системы на рынке, используется компаниями, которые управляют сотни потенциальных клиентов, Appicotify
[09:10] и многое другое. В случае с нашим персональным тренером, Можно подключить Exrava, которая является фитнес-приложение, покидая Ещё более интерактивный сайт. И вы можете на естественном языке. Если вы хотите открыть Для платформы электронной коммерции возможна интеграция ваших
[09:23] сайт для систем WCommerce и Amazon. Shopify, PayPal и другие. Это всего лишь несколько намеков на то, что возможно. Сделайте это на веб-сайте, созданном компанией Runable. И прежде чем мы перейдем к публикации с вашего сайта с собственным доменным именем.
[09:36] Подпишитесь на канал здесь и включите уведомления. Чтобы получать уведомления о новых видео. Оставьте свой комментарий ниже! Укажите, какой веб-сайт вы бы создали первым. Если у вас есть такой инструмент... бизнес, будь то для клиента или для чего-либо еще.
[09:49] идея, которая крутилась у вас в голове месяцами, но так и не была реализована. Он снял это с бумаги. Мне этот очень нравится. Давайте поторгуем с вами. А что, если кнопка появится? Чтобы избежать излишней шумихи, прошу вас перейти по ссылке. что этот контент актуален, и он В итоге это показывается большему количеству людей. И
[10:02] работа, которую мы здесь выполняем Бесплатно. Это ничего вам не будет стоить. Ничего, просто лайки, комментарии, ажиотаж или поделиться. Это займет всего секунду вашего времени. времени, но это имеет огромное значение. продолжение этого канала. О, и еще один
[10:15] Это важно, если вы хотите это получить. Самые актуальные новости об ИИ перед WhatsApp бесплатен. Там нет ничего хорошего. выбрано нашей командой. А также Вы можете воспользоваться нашими бесплатными материалами.
[10:28] Электронные таблицы, подсказки и многое другое. ссылка Это указано в описании и в закрепленном комментарии. Здесь, внизу. Шаг шестой: запустите веб-сайт. В эфире. Сайт готов, плагины подключены. А теперь самое приятное — создание вашего сайта. В прямом эфире по-настоящему. Для этого вам просто нужно...
[10:40] Вам нужно нажать на эту кнопку. публиковать. Обратите внимание, что открывается панель, она уже открыта. Предоставьте мне автоматический адрес с помощью расширение renunable.site, которое я могу редактировать или сокращать. Но не волнуйтесь, это обязательно произойдёт. улучшить. Просто следуйте указаниям. Далее я выбираю
[10:52] если сайт общедоступный, как в нашем случае. или приватный, и я нажимаю «Опубликовать». Он собирает окончательную версию, выполняет корректировки Загрузите базу данных и свой веб-сайт. В Через несколько минут сайт Google будет... в эфире, доступно любому пользователю
[11:04] Сверните это позже. Каждый раз, когда вы переезжаете на веб-сайте после публикации произошли изменения. Чтобы посмотреть на настоящий воздух, нужно нажать на кнопку. Опубликовать снова. Сохраните это и не Забудь об этом, ладно? Шаг седьмой, поставьте самоконтроль. Теперь вы можете быть
[11:19] Интересно, но этот адрес Завершение на месте проведения забега не очень удобно. Рекламный ролик, верно? А вы можете себе представить, как разговаривать? Мне этот адрес постоянно нужен. потому что никто не может это записать адрес. Вот что чуть не произошло.
[11:32] Настройте адрес своего сайта. Если Каким вы хотите видеть свой домен? garagetraining.com.br, Например, просто следуйте пошаговым инструкциям. Далее, который я взял непосредственно из официальные документы Ханна Балла
[11:44] Вы переходите на панель управления и нажимаете на вкладку. Доменс. Затем выберите этот вариант. Пользовательские домены. Сразу же. Введите свой домен и нажмите «Подключиться». Следующим шагом будет выбор платформа, которую вы использовали для регистрации
[11:57] Нажмите на запись BR. Этот инструмент будет Вы зарегистрировались на сайте, где совершили покупку. домен, то есть для нас регистрация. БР. Поскольку я делаю только один У меня нет возможности проводить симуляцию с вами.
[12:10] Наличие регистрации в качестве тренера — это всё, что вам нужно. Введите данные и выполните шаг а. Просто проявите немного терпения. Обычно это происходит через несколько минут. По воздуху, но DNS может занять до 24 часов. размножаться. Это нормально, это не ошибка.
[12:25] Веб-сайт Хьюго запущен по этому домену. Он профессионал от начала до конца. внешний домен, вы можете указать свой Сайт доступен онлайн. Просто нажмите кнопку «Опубликовать» и ждать. Хорошо, теперь вы можете посетить Разместите адрес своего сайта и разошлите его всем.
[12:39] Используйте Instagram и этот сайт для продвижения своих публикаций. маркетинговая стратегия и заполните свой другой браузер, чтобы вы это увидели Мы обнаружили это во время разработки сайта. ТЕ Сайт доступен онлайн. Это похоже на шутку.
[12:53] Ты всё сделала сама, но это... истинный. Ах да, и прежде чем я закончу, позвольте мне Нет, только веб-сайт. Вот что мы сегодня сделали. Это лишь часть того, с чем он способен справиться. ТЕ приложения. Составьте презентацию создает слайды, генерирует изображения и видео, пишет тексты.
[13:08] составить отчет, провести исследование в интернете, Присоединяйтесь к встрече в Meet или Zoom и Я вышлю вам обратно сводку с заданиями и по-прежнему поддерживает связь с более чем 3000 человек. приложения для автоматизации того, что вы Это уже произошло. Но сегодня я хотел бы сосредоточиться только на
[13:20] Веб-сайт с пошаговыми инструкциями. Завершить, не торопясь. Таким образом, оно остается Вопрос: вы хотите видео именно об этом? Какие еще функции есть у Relable? Если комментарии. Если соберётся достаточное количество людей, Я веду запись. Теперь я знаю, что это того стоило.
[13:33] Сегодня мы сделали следующее: чистый лист бумаги и разговор Португальский специалист разработал весь веб-сайт. Персональный тренер всего за несколько минут. протокол, внесенный в студенческий дневник Чтобы назначить пробный урок, он поставил...
[13:46] ежемесячная плата, настройка области Студент вошел в систему и запустил веб-сайт. поистине, со своей собственной территорией. Но Я был бы с вами нечестен, если бы этого не сделал. Он говорил с другой стороны. В конце концов, как уже Я уже несколько раз говорил об этом здесь, на канале, — об искусственном интеллекте.
[13:58] любой, это просто тип Стажер высшего класса. Она выполняет работу. Это непросто, но кто бы ни разрабатывал стратегию и Рецензирование — на ваше усмотрение. Следовательно, вам необходимо выполнять важные задачи, такие как проверьте написанный ею текст, протестируйте.
[14:10] Для публикации перейдите в студенческий раздел. Проверьте, работает ли вход в систему, проверьте, работает ли... Искусственный интеллект-помощник отвечает корректно. потому что если с одним из них возникнет проблема Клиент, ответьте вы, а не кто-то другой.
[14:22] Впереди еще долгий путь, но необходим стратегический подход. Оно остаётся вашим. Вот что оно делает. которые до сих пор используют эти инструменты в автоматический. В этом нет никакой загадки. Теперь вам осталось сделать только своё. Зарегистрируйтесь и начните создавать свой сайт. ТЕ
[14:36] Ссылка на Runable находится в описании и в Комментарий закреплен ниже. А если Последние инновации в области искусственного интеллекта — просто нажмите на эту карточку. что вам здесь представляется в screen and access our playlist of AI news and releases.
⚡ Saved you 0h 14m reading this? Transcribe any YouTube video for free — no signup needed.