📱

Get Our Mobile App

Take your business learning on the go!

Download on the App StoreGet it on Google Play

OpenAI Codex: Build Apps That Work For You 24/7

Greg Isenberg24:42

Transcription

Я видел, что Codeex запустил сайты, и когда я впервые увидел новость, я подумал: "Это просто худшая версия Replit или Lovable, которая просто находится внутри Codeex". Но чем больше я вникал, тем больше понимал, что на самом деле стоит понять, как им пользоваться и как получить от него максимум пользы. Так что сегодня будет полный туториал по тому, что, по сути, представляет собой это большое объявление о Codeex Sites. Как он сравнивается с конкурентами? Мы на самом деле собираемся вживую создать что-то с помощью Codeex Sites, и через это я научу вас, по сути, лучшим практикам использования Codeex Sites. Итак, к концу этого эпизода, если вы останетесь, я научу вас, как создать оболочку с помощью Codeex Sites, как добавить память с помощью Codeex Sites, как добавить то, что называется безопасными действиями, с помощью Codeex Sites, и я объясню, что это значит в эпизоде, как создавать навыки с помощью Codeex Sites, как сохранять ворота с помощью Codeex Sites и как доказать цикл с помощью Codeex Sites, что делает его автономной работой. Давайте приступим. >> Итак, в чем разница между Codeex Sites и Replit, Lovable и тому подобным? Итак, я скажу, что Replit и Lovable и эти продукты действительно хороши, если вы хотите, например, ввести один запрос, и у вас есть редактор, база данных, сервер, хостинг. Многие из них имеют подключения к доменам, как вы можете просто зарегистрировать домен внутри них. Это действительно потрясающе. Но Codeex Sites, если вы живете в Codeex, а я начинаю жить в Codeex. Я имею в виду, около месяца назад я пригласил Райли Брауна на подкаст, и я, по сути, сказал: "Эй, убеди меня использовать Codeex. Я в экосистеме Anthropic. Убеди меня использовать Codeex". И теперь я скажу, что это часть моего ежедневного инструмента. Да, я все еще живу в экосистеме Anthropic, но я также использую Codeex. И я думаю, что если вы находитесь в Codeex и вы помещаете туда весь свой контекст, то, что действительно круто в Codeex Sites, это то, что вы можете использовать это для реализации своих идей, своих приложений и тому подобного. И самая крутая часть Codeex Sites — это то, что он автономно обновляет ваше приложение. Что это значит? Это значит, что вы можете создать, по сути, персональный веб-сайт, скажем, и, знаете, давайте, например, перейдем на мой персональный веб-сайт. Это статический веб-сайт. Так что мне приходится заходить и, по сути, знаете, 158 000 человек любят читать мою рассылку, но когда их станет 160 000, мне придется зайти и обновить его. Но с Codeex Sites вы можете сделать так, чтобы он автоматически обновлял эти вещи. Он автоматически создает, например, руководства на основе моего контента. Он автоматически добавляет различные компании, над которыми я работаю. Так что это, по сути, вся идея автономного создания продуктов. Я уже говорил об этом на подкасте, но идея заключается в том, что в будущем, и будущее уже сейчас, агенты будут автономно обновлять продукты. Но дело в том, что в нем отсутствует OAuth, отсутствуют базы данных, отсутствуют платежи, отсутствует отправка электронной почты, отсутствуют аналитика и отсутствует хранилище для секретов. Так что, если вам нужно что-то более простое, все есть, вы захотите использовать что-то вроде Replit или Lovable. Но если вы немного разбираетесь в OAuth, если вы немного разбираетесь в базах данных, платежах и тому подобном, и вы живете в экосистеме Codeex и вас действительно интересует вся эта идея автономных приложений, Codeex Sites действительно, действительно, действительно крут. И я также скажу, что сегодня вы не можете публиковать эти веб-сайты, по крайней мере, насколько мне известно. Вы не можете публиковать эти веб-сайты на своем собственном домене и развертывать их публично. Это внутренние приложения, которыми вы можете поделиться со своей командой прямо сейчас. Но, очевидно, это очень, очень, очень скоро изменится. Так что давайте приступим. Итак, я думал, что мы можем создать OS для идей стартапов. По сути, живую доску с колонками: входящие, исследование, валидация, разработка и отклоненные идеи стартапов, и каждая карточка может содержать идею, покупателя, проблему, доказательство, следующий шаг и оценку. Это то, что, знаете ли, могло бы быть внутренним инструментом, который я бы использовал, и мы, по сути, попытаемся создать это за шесть запросов, и, как я уже сказал, по мере создания я буду делиться, своего рода, главным выводом. Итак, первое, что мы сделаем, давайте откроем Codeex. Я создал новый проект здесь. Я открыл новый чат. И первое, что нужно знать, если вы хотите использовать Sites, вы должны вызвать его как Sites. Так что он работает, по сути, как плагин. Итак, я сказал: "Создай OS для стартапов". Я собираюсь отправить его. И да, он работает как плагин. Вы вызываете его там. И, как я уже сказал, не у всех есть к нему доступ. Но я бы предположил, что доступ, вероятно, скоро появится для пользователей Plus. И кстати, у меня нет никакой связи с OpenAI. Я просто думаю, что это действительно интересный продукт, и я бы не делал этот эпизод, если бы не думал, что вы тоже можете получить от него много пользы. Итак, какой вывод я могу вам дать по этому конкретному запросу: ну, есть несколько вещей, да, вызов способа его запуска — вы хотите вызвать Sites, вы хотите попросить его использовать реалистичные примеры данных, вы также хотите сохранить его для проверки. Я заметил, что иногда, когда я запрашиваю идею, он просто пытается развернуть ее. Так что действительно хороший совет — сохранить для проверки, не развертывать. И это, по сути, открывает возможность создания реального продукта или услуги, а не домашней страницы. Итак, по сути, то, что я пытаюсь сделать, создавая это, — это создать всю идею автономного редактирования и работы над ней. Потому что это, своего рода, моя мечта. Итак, давайте вернемся к Codeex. Хорошо, пока это делается, я просто хотел сказать, что если вы зайдете в раздел плагинов здесь, вы нажмете "Плагины", есть куча плагинов, которые помогут вам сделать ваши сайты намного лучше, верно? Итак, знаете ли, многие люди не используют эти плагины. Но подумайте о Figma, подумайте о Canva, подумайте о HeyGen для видео с аватарами, подумайте о Remotion. Это куча плагинов, которые могут сделать ваши идеи для ваших сайтов намного более интерактивными, намного более интересными. Еще один действительно интересный, недооцененный, на мой взгляд, плагин — это Game Studio. Так что, знаете ли, одна из самых больших проблем, с которой сталкиваются люди при кодировании и агентном инжиниринге, заключается в том, что они создают что-то, и никто не приходит к этому. Ну, знаете ли, если вы создаете игры, например, которые генерируют ажиотаж вокруг того, что вы строите, это способ привлечь внимание, а затем вы приводите этих людей к своему основному продукту. Теперь, конечно, это должно иметь смысл для всего, что вы строите. И это лучше работает с потребительскими приложениями, верно? Вы создаете, знаете ли, конкурента Paperboy, в который весело играть, который вы можете как бы новостно использовать на основе конкретной новостной темы, а затем вы приводите этих людей к своему основному опыту, возможно, это электронная рассылка или кто знает, но суть в том, что я думаю, многие люди спят на идее, что вы можете создавать маленькие приложения, которые могут привлечь их к основному опыту. Хорошо. Итак, доска создана. Я думаю, она выглядит довольно чистой. У нас есть входящие здесь. Исследование, валидация, разработка, отклонено. Определенно не самое красивое, но чистое, минималистичное. Достаточно хорошо для первой версии. Итак, давайте вернемся и продолжим. Как нам добавить память? Правильно? Потому что на Codeex Sites он не добавит память без того, чтобы мы, по сути, попросили его. Итак, давайте вернемся в Codeex. Я копирую этот запрос. Итак, я говорю: "Добавьте постоянное хранилище, чтобы идеи сохранялись между посещениями, оставались сохраненными между посещениями перед кодированием. Покажите мне модель данных, в которой записи нужны приложению". И это, кстати, похожие запросы, которые вы можете использовать при использовании Codeex Sites. Итак, он говорит: "Я буду использовать руководство по созданию Sites, потому что это размещенное приложение с хранилищем. Поскольку вы сначала запросили схему, я проверю существующую схему, а затем изложу предлагаемые записи и мутации, прежде чем приступить к коду". Итак, он говорит, что на самом деле будет использовать Cloudflare, верно? Я буду использовать Cloudflare D1 в качестве надежного хранилища с одним основным типом записи: идеи. Это уже соответствует текущему направлению проекта, и у OpenAI есть модель данных D1 DB. Затем он идет, и если вы видите здесь, он говорит: "Записи, которые нужны приложениям". Итак, он говорит, что ему нужна идея, одна карточка на доске. Она хранит полное содержимое карточки, текущую колонку. Ей нужна электронная почта владельца, а затем эти действия, которые нужны приложению: список идей, добавление идеи, обновление идеи, перемещение идеи, оценка идеи, архивирование идеи, обеспечение посева. А затем он говорит: "Я подожду вашего разрешения перед кодированием постоянного пути". Итак, это вся идея безопасных действий, которые, знаете ли, ну, прежде чем я перейду к этому, зачем добавлять память? Ну, потому что нам нужно, чтобы это было продуктивное программное обеспечение, нам нужно, чтобы оно что-то помнило, верно? Так что мы хотим убедиться, что это есть. Но вся идея безопасных действий — это прорыв, потому что мы можем находиться в других чатах, и поскольку мы живем в Codeex, мы можем, по сути, сказать: "Эй, я, знаете ли, возможно, я переписываюсь с Codeex, а затем он выдает мне идею, идею стартапа, и я думаю: "О, это действительно хорошо. Давайте просто добавим, простите, давайте просто добавим идею", и это напрямую добавит ее в приложение, что так круто. Так что вы захотите создать безопасные действия, потому что, знаете ли, чтобы получить максимум, чтобы получить от этого максимум. Так что я просто скопирую этот запрос. Создайте безопасные действия для добавления идеи, обновления идеи, и причина, по которой я, знаете ли, я сказал: "Покажите мне модель данных и какие записи и действия нужны приложению", заключается в том, что вы можете не знать, какие безопасные действия создавать. Так что вы можете просто спросить Codeex, и он даст вам это прямо там. Так что для нетехнических людей, особенно, вы можете не знать, какие у вас безопасные действия. Вы просто спрашиваете Codeex, какими они должны быть. Итак, он говорит: "Я снова буду использовать рабочий процесс создания Sites, поскольку это рабочая поверхность D1. Я проверю текущую маршрутизацию действий и сужу ее в явную границу безопасных действий. Таким образом, агент сможет вызывать только именованные мутации, а не произвольный SQL". Так что вы начинаете видеть, что Codeex кажется немного более техническим, чем ваш Lovable, Replit или Bolt. Но если вы останетесь с ним, результат, я думаю, очень, очень ценен. Как идея того, что он может самообновляться, идея того, что вы находитесь в Codeex и можете принести все это из Codeex, идея того, что вы можете перейти в плагины и просто использовать все это с самого начала. Как эти, я имею в виду, генерация изображений, столько всего. Hugging Face, это все открытые модели. Все встроено с самого начала. Это довольно круто. Итак, это завершено. Следующее, что мы хотим сделать, это создать навык. Итак, мы скопируем это здесь, чтобы чаты, наши будущие чаты, знали, как использовать это приложение. Создайте навык Codeex под названием "Администратор идей стартапов". Он должен объяснить, как читать доску, как добавлять идеи, как перемещать карточки, как оценивать идеи, и включать пять примерных команд. Это то, что, я думаю, я начал видеть, как люди используют Codeex Sites, и они не используют навыки, и я думаю: "Это одна из самых замечательных частей Codeex Sites — возможность создавать эти навыки". Так что вы можете начать добавлять навыки, чтобы получить максимум от вашего приложения. Итак, он говорит: "Я буду использовать для этого руководство по созданию навыков. Поскольку вы запрашиваете новый навык Codeex, я прочитаю инструкции по навыку и создам "Администратор идей стартапов" в ваших локальных каталогах навыков с рабочим процессом действий на доске и примерными командами. Название навыка уже допустимо, и область действия ясна. Оперативное руководство для этой доски и ее безопасных действий". Итак, он создал навык Codeex. Он сделал все, что мы просили. Чтение доски, добавление идей, обновление карточек, перемещение карточек, оценка идей, архивирование идей, пять примерных команд, и он говорит: "Проверка пройдена. Навык допустим". Вам будет полезно фактически сохранить ворота. Что я имею в виду? Я имею в виду, знаете ли, как я думаю об этом, как о видеоигре, верно? У вас есть контрольные точки, когда вы проходите видеоигру, и иногда она автоматически сохраняется, и вы рады, что она автоматически сохраняется, но с Codeex она не сохраняется автоматически. Так что полезно зайти туда и просто сказать: "Эй, просто сделай здесь контрольную точку перед живым URL". Итак, давайте вернемся в Codeex, и я скажу: "Сохрани это как v1 для проверки, не развертывай, подтверди статус сборки, выбор хранилища, настройки доступа и точную версию, которую я должен проверить". И я включу, кстати, все эти запросы, я включу их в примечания к шоу в описании, чтобы люди могли их скачать, чтобы они могли, и по мере создания Codeex Sites они могли использовать некоторые из этих вещей. Итак, он говорит: "Я буду использовать рабочий процесс хостинга Sites для сеанса проверки только для сохранения. Я проверю текущую сборку. Подтвержу конфигурацию доступа к хранилищу. Зафиксирую последние изменения безопасных действий и затем сохраню как версию Sites без развертывания". Вот и все. Запрос выполнен. Он сохранен для проверки, не развернут. Статус сборки пройден. Выбор хранилища по-прежнему D1. Заголовок доступа — пользовательский. Одна вещь, которую стоит отметить здесь, это то, что в правом верхнем углу вы можете видеть свою среду. Так что вы можете видеть все различные изменения, которые вы внесли. Вы можете видеть, работаете ли вы локально или подключены к Codeex Web. Здесь я подключен к основной ветке. И так, знаете ли, все это здесь, в правом верхнем углу. Последний запрос, который я хочу сделать, — это весь процесс доказательства цикла. Итак, я собираюсь взять этот запрос прямо здесь и сказать в новом чате, важно, важно, чтобы это было в новом чате. Используйте "Администратор идей стартапов", чтобы добавить: вот идея стартапа: AI-агент SEO-генератор для местного бизнеса, поместите ее во входящие с первой оценкой и следующим шагом, и давайте посмотрим, сможет ли она это сделать. Открывает ли она новый чат, или нам действительно нужно открыть новый чат? Давайте посмотрим. Он говорит: "Я буду рассматривать это как две части. Используйте новые инструкции по навыку "Администратор идей стартапов" и создайте новую ветку чата, чтобы выполнить фактическое обновление доски там. Да, я загружаю навык и нахожу инструмент создания ветки". Вау. Навык говорит, что использовать только. О, смотрите. Он создал чат. Я могу открыть его прямо здесь. Итак, он говорит: "Я использую навык. Я узнаю, как должен работать локальный приложение. Я прочитаю доску. Я добавлю карточку входящих и безопасное действие и снова проверю. Именно то, что я хотел сделать. Проект чистый и выглядит как приложение в стиле Next с рабочим процессом и проверяемым скриптом. Я проверяю реализацию API сейчас. Так что я могу вызвать ту же локальную службу, которую ожидает приложение. Приложение предоставляет именно безопасный маршрут, который ожидает навык. Да. Так что это делает именно то, что я хочу. И давайте посмотрим, работает ли это. Хорошо. Итак, запрос выполнен. Он говорит: "Завершено, используя только API безопасной доски, что мы хотели в уровне действий. Нет необработанного SQL, нет общих записей в базе данных и нет развертывания. Он сделал это. Это произошло очень, очень быстро. Теперь я скажу: "Можешь ли ты опубликовать?" Теперь я скажу: "Можешь ли ты опубликовать веб-сайт?" и посмотрим, что произойдет. Итак, он развернул его. Вы заметите, что это какой-то сумасшедший URL, и это недостаток Codeex Sites в данный момент. Я думаю, что это изменится. Это мой прогноз. Это изменится, надеюсь, скоро, когда вы сможете использовать пользовательские домены. Но я могу открыть его в браузере Codeex справа. Здесь есть встроенный OAuth. Мне нужно зарегистрироваться. Итак, давайте зарегистрируемся. Как видите, это именно то, что мы хотели. У нас есть входящие, исследование, валидация. Если я сделаю его больше, я увижу больше: разработка, отклонено. И у него есть все, что я просил, верно? Теперь, если я хочу новую идею, я могу создать новую идею или снова использовать безопасное действие, чтобы сделать это, или я могу запустить автоматизацию, например, каждую неделю, чтобы автоматически добавлять ее на эту доску. Так что мы видели, что вы можете это сделать. Я могу углубиться в будущих видео, если люди заинтересованы в том, как делать автоматизации и cron-задачи и тому подобное. Но вы можете просто, знаете ли, попросить Codeex Sites сделать это для вас. И я думаю, что действительно круто то, что, знаете ли, если вы слушаете этот канал, многие из нас заинтересованы в создании стартапов, которые, знаете ли, нам не нужны большие команды для управления, верно? И вся эта идея, что так круто, мы достигаем этого с помощью Codeex Sites, мы достигаем этого, если вы можете создавать агентов, которые автоматически обновляются на основе различных критериев, и они работают, и эти продукты ценны для людей, то это, своего рода, мечта. Так что это, знаете ли, самый красивый веб-сайт на планете? Нет. Он работает? Да. Он выглядит прилично? Да. Могу ли я сделать его красивым? Могу. И это довольно круто. Итак, чтобы подвести итог, какие основные концепции нужно понимать в Codeex Sites? Во-первых, вы захотите попросить его иметь память, верно? Приложение сохраняет данные, но без этого это просто демо. Так что вам придется попросить его сохранить память. Вам придется попросить его иметь базу данных. Многие люди начинают использовать Convex с Codeex Sites. Так что это стоит изучить. Я предполагаю, что со временем использование Codeex Sites будет становиться все проще и проще. Но сейчас вам нужно запрашивать его для выполнения многих из этих задач. Второе — это концепция безопасных действий. Вся идея заключается в том, что у вас могут быть одобренные кнопки, и через них вы можете автоматизировать добавление, удаление, редактирование ваших приложений, чтобы вы, как человек, не делали всего, и вам не приходилось редактировать каждый веб-сайт или приложение, которое вы создаете. Я раньше управлял агентством веб-дизайна, это была одна из моих первых работ. И, знаете ли, одна из вещей, которую я раньше говорил, это то, что веб-сайт — это живой и дышащий организм. Это не то, что вы нажимаете "опубликовать" и можете просто уйти навсегда. И, знаете ли, мы сейчас в этой эре 2026 года, когда агенты фактически выполняют обновления, редактирование, удаление. И это благодаря таким вещам, как безопасные действия и навыки, как использование навыков с Codeex. Мы видели, насколько ценным это может быть в этом эпизоде, но навык — это, по сути, это многоразовое руководство по инструкциям, поэтому Codeex знает, как работать с приложением позже. Так что вам нужно будет создавать навыки, чтобы вы могли использовать безопасные действия, и, конечно же, вы захотите сохранить это в памяти, чтобы оно, знаете ли, делало это безопасно и предоставляло правильную информацию. Итак, все это к тому, что момент "вау" для меня — это создание приложений, где я могу, знаете ли, в этом примере, открыть новый чат и сказать: "Добавь эту идею в мою OS идей стартапов". Он показывает, он показывает это в живом сайте, обновляющемся, верно? Так что после публикации я могу просто сказать: "Сделай это", и это добавится. Или я могу поручить это агенту, и он добавится, и все это будет на моем живом веб-сайте, что действительно круто. Я думаю, что многие люди будут использовать Codeex Sites для создания личных веб-страниц, маленьких приложений и тому подобного. Но я на самом деле думаю, что настоящим прорывом здесь является создание продуктов, которые Codeex может продолжать эксплуатировать для вас. Вот что меня волнует в Codeex Sites: если мы можем создавать идеи, приложения и веб-сайты, которые автоматически обновляются, автоматически становятся лучше, являются автономными. Мне это просто кажется таким интересным, и я думаю, что это тенденция, которая будет только расти и становиться лучше, и было интересно видеть, что Codeex Sites лидирует. Так что да, это был взгляд изнутри на то, как использовать Codeex Sites, что я считаю интересным, некоторые лучшие практики. Надеюсь, это было полезно. Я просто пытаюсь поделиться новыми инструментами, которые, я думаю, увеличат вероятность успеха для вас, что бы вы ни строили. И просто поделиться лучшим способом использования этих инструментов и дать вам идеи по пути. Если это дало вам хоть каплю пользы, пожалуйста, поставьте лайк, оставьте комментарий и подпишитесь. Я увижу вас в разделе комментариев. Я читаю каждый комментарий. И я болею за вас. Знаете, что бы вы ни строили, я болею за вас, и я не могу дождаться, чтобы увидеть, что вы построите. Увидимся в следующий раз. И спасибо за участие в "Идеях стартапов".