The greatest Claude Code workflow you’ll ever see...

Я разработал рабочий процесс для Claude Code, который вас просто поразит. Он позволит вам создавать приложения быстрее, чем когда-либо прежде. Неважно, написали ли вы когда-либо строчку кода в своей жизни, неважно, впервые ли вы используете Claude Code или вы мастер Claude Code. Навыки, которые вы собираетесь изучить в этом видео, изменят то, как вы используете ИИ навсегда. Если вы останетесь со мной, через 20 минут с этого момента вы будете придумывать бесконечные идеи для приложений, которые вы можете создать. Вы будете запускать армии ИИ-агентов для их создания. И вы сможете выпустить приложение, на котором сможете начать зарабатывать уже сегодня. Давайте приступим. Давайте сначала пройдемся по настройке. То, что вы видите здесь справа, — это Visual Studio Code с расширением Claude Code. Ссылку на Visual Studio Code я оставлю ниже. Он совершенно бесплатный. Никакой ежемесячной подписки, ничего подобного. Я использую расширение Claude Code. Чтобы скачать его, все, что вам нужно сделать, это зайти в раздел расширений Visual Studio Code. Вы набираете claude code, нажимаете установить, и вуаля, у вас установлено расширение claude code. Есть много способов использовать Claude Code. CLI, расширение внутри Cursor, внутри Visual Studio. Для меня мой предпочтительный рабочий процесс — это расширение внутри Visual Studio, потому что Visual Studio Code бесплатен и очень, очень надежен. У меня никогда не было проблем с расширениями. Иногда у меня возникают проблемы с установкой расширений внутри Cursor. И мне нравится расширение для Claude Code, а не через CLI, потому что мне просто гораздо больше нравится пользовательский интерфейс. Он намного проще в использовании, чище, и у вас есть некоторые дополнительные функции, которые очень приятны для качества жизни. Слева, то, что вы видите здесь, — это Claude Code для веба. Новейшая функция для Claude Code, которую мы рассмотрим здесь, вы не увидите эту функцию ни в одном другом видео на YouTube. Это, по сути, их облачная платформа, где вы можете запускать столько агентов, сколько хотите, которые будут работать над вашим приложением для вас, которые будут разрабатывать идеи, которые будут делать все, что вы хотите. Это действительно, действительно потрясающе, и я также рассмотрю это и покажу вам, как эти две вещи работают вместе, чтобы ускорить ваш рабочий процесс. Когда я заставлю эти две вещи работать вместе в этом видео, это будет гармония. Это будет красиво. Это как дирижировать оркестром ИИ-агентов. Вам нужно остаться со мной здесь. Я настоятельно рекомендую работать вместе со мной, пока мы проходим видео. Так что не стесняйтесь поставить на паузу прямо сейчас, скачать Visual Studio Code. Вам действительно нужен только 20-долларовая версия Claude, чтобы использовать Claude Code. Так что не стесняйтесь зарегистрироваться. Если вам понравится, если вы создадите это приложение вместе со мной, тогда вы сможете подписаться на одну из более дорогих версий, чтобы получить больше использования. Но ради этого видео, не стесняйтесь использовать 20-долларовую версию. Мы сможем запустить это приложение. Но давайте сделаем это. Давайте начнем создавать наше приложение. Сегодня мы будем создавать инструмент управления проектами. Мне нравится создавать приложения, которые я могу использовать каждый день, которые облегчают мою жизнь. Это лучший тип приложения для создания, те, которые вы используете сами, потому что даже если никто не купит и вы не заработаете ни доллара, ваша жизнь станет проще. Итак, сегодня мы создадим инструмент управления проектами, который позволит нам организовывать наши идеи, организовывать наши задачи и быть намного продуктивнее. Я хочу, по сути, создать канбан-доску, похожую на эту, которую мы можем использовать каждый день для управления нашими проектами. Итак, давайте сделаем это. Давайте начнем с дизайна нашего приложения. Как будет выглядеть наше приложение. Обещаю, это то, чего вы не видели ни в одном другом видео. Мы убедимся, что это приложение выглядит хорошо, а не как ИИ-шлак, который вы обычно получаете, если начинаете создавать приложение без дизайнерского вдохновения. И с чего мы начнем, это одна из новых частей моего рабочего процесса, которую я только что обнаружил, — это на самом деле Vzero. Так что, если вы войдете в Vzero, у которого есть бесплатный тариф, вы можете перейти в этот раздел справа слева, который называется системы дизайна. Вам не нужно за это платить. Это не я пытаюсь заставить вас подписаться на другую услугу. У них просто есть бесплатный раздел, который мне очень, очень нравится, это системы дизайна. И мы выберем дизайн для нашего приложения и, по сути, экспортируем его из V0 в Claude Code очень, очень легко. Мне нравится этот Soft Pop здесь. Этот Soft Pop выглядит хорошо. Давайте откроем его в редакторе. Мне нравится, как выглядят эти цвета, как они выделяются. Итак, мы сделаем это, чтобы получить дизайн в Claude Code. Буквально, все, что мы собираемся сделать, это я просто сделаю скриншот этого. Итак, я выбрал дизайн, который мне нравится. Я сделаю скриншот на Mac вот так. Если вы на Mac, вы можете нажать Shift Control Command 4. Это фактически просто копирует экран, а затем вы можете вставить его. Я возьму этот дизайн, а затем зайду сюда и вернусь в Claude Code. Я вставлю этот скриншот, и мы сделаем это. Это будет подсказка для нашего приложения. Я также оставлю это ниже, если вы просто хотите скопировать и вставить. Но прежде чем мы это сделаем, очень быстро, и это очень важный шаг. Мы наберем /model и скажем выбрать модель, и мы выберем Haiku 4.5. Причина, по которой мы это делаем, очень, очень проста. Что произойдет, так это то, что Haiku 4.5 — это самая дешевая и быстрая модель от Anthropic. И способ, которым это будет работать, заключается в том, что он будет использовать Sonnet 45, который является их лучшей моделью для планирования. Таким образом, он будет использовать их лучшую модель для создания очень хороших подробных планов. Затем он будет использовать Haiku для выполнения. И пока у вас есть действительно хороший план, что и сделает Sonnet, Haiku сможет очень, очень хорошо его реализовать, и вы сэкономите кучу денег. Таким образом, вы сможете получить гораздо больше использования от 20-долларового тарифа, если вы это сделаете. Я настоятельно рекомендую всем использовать это. Вы выбираете Haiku, и он будет использовать Sonnet для планирования, а дешевую модель Haiku для выполнения, с которой вы получите такие же хорошие результаты. Теперь, когда мы это сделали, давайте вставим подсказку. Вы можете скопировать и вставить ее из описания ниже и создать вместе со мной. Я хочу создать приложение для управления проектами для приложений vibe coding. По сути, я хочу, чтобы оно работало как канбан-доска с разделами «сделать», «в процессе» и «завершено». Плюс, я могу добавить больше, если захочу. Я могу добавлять карточки на канбан-доску для задач и добавлять заметки к карточкам. Приложение должно выглядеть как дизайн на скриншоте, который я прикрепил, быть красивым и приятным в использовании, с анимацией, особенно при перетаскивании карточек. Используйте Nex.js и Tailwind V3 для этого. Пока используйте только локальное хранилище. Никакого аутентификации. Next.js и Tailwind 1V3 — это веб-технологии, которые мы будем использовать для создания приложения. Это самые популярные технологии прямо сейчас. Так что создавать ваши приложения будет очень легко. Прежде чем отправить эту подсказку, мы дважды нажмем Shift Tab, что переведет нас в режим планирования, который вы видите прямо здесь. И если вы совсем новичок в Claude Code, это просто режим, в котором он не будет писать код. Он просто создаст нам очень подробный план с помощью Sonnet 45, что сделает генерацию кода намного мощнее. Вы хотите использовать режим планирования перед любым крупным шагом. Единственные случаи, когда я не использую режим планирования, — это когда я выполняю очень, очень простые задачи, такие как изменение только элемента пользовательского интерфейса. Но все, что больше, чем просто изменение элемента пользовательского интерфейса. Вы хотите использовать план. Это может добавить здесь и там дополнительный шаг. Но я обещаю, добавление этого дополнительного шага позволит вам двигаться намного быстрее, потому что ИИ будет писать только надежный код. Итак, мы в режиме планирования. Нажимаем отправить. ИИ начнет работать. Он будет использовать Sonnet 45 для создания этого плана для нас. Затем мы одобрим его сразу после. Я не могу дождаться, чтобы перейти к следующим шагам этого рабочего процесса вместе с вами, особенно когда мы начнем задействовать Claude Code для веба, и я покажу вам, как вы можете запускать армию ИИ-агентов, которые будут работать для вас, пока мы работаем над приложением, даже пока мы спим. Итак, вот оно. Он составил план для нас. Это потрясающе. Итак, он инициализирует проект. Он настроит CSS. Он установит кучу библиотек, которые сделают анимацию приятной для нас. И послушайте, если вы совсем новичок в программировании или не очень техничны, это нормально. Вам не нужно беспокоиться о технической части. Просто убедитесь, что вы прошли план, чтобы убедиться, что он звучит в целом правильно. Итак, он создаст канбан-доску и структуру данных. Он создаст доску. Он реализует столбцы. Он создаст компоненты карточек и добавит всю приятную отделку и анимацию, что здорово. Опять же, мне нравится Next.js, потому что для него есть тонны документации онлайн. Эти ИИ сильно полагаются на документацию, поэтому найти ее и создать ваше приложение для вас очень легко. Итак, мне нравится этот план, верно? Если вам не понравился план, вы можете сказать «нет», продолжать планировать и попросить его сделать другие вещи или изменить план. Нажимаем «да» на это. Он начнет создавать это приложение. Кстати, я говорю «да» и больше не спрашиваю. Я полностью доверяю Claude Code. Я использовал это 100 000 раз. Он очень редко ошибается. Так что я просто говорю «да» и больше не спрашиваю. И он создает его. Пока это работает и создает приложение, я перейду к одному из самых важных этапов нашего рабочего процесса, который является своего рода мозговым штурмом, этапом придумывания идей. И для этапа идеологии мне очень нравится этот инструмент, TickTick. Он совершенно бесплатный. Вы можете скачать его, но вы также можете сделать это в Apple Notes или Google Notes или где бы вы ни использовали. Вам не нужно ничего особенного для этого, но я думаю, что очень важно, чтобы вы прошли этот этап рабочего процесса. Мало кто это делает, и я считаю, что это критически важно. Это ваш этап управления проектами. Это то, как вы будете управлять своими идеями, организовывать свои идеи и придумывать новые вещи для создания, и это значительно облегчит общение с Claude Code. Итак, пока Claude Code создает, я люблю заходить в свой инструмент управления проектами. Так что, будь то Apple Notes, я использую TickTick. И все, что вы делаете, это просто вываливаете идеи для вашего приложения, для функций, для чего бы вы ни создавали здесь, верно? Итак, мы создаем наш собственный инструмент управления проектами, что своего рода мета. И мы пойдем, давайте перейдем в «в процессе», и это то, над чем мы работаем сейчас, и скажем «создать базовое приложение». Так что это то, над чем мы работаем сейчас, в процессе. Но давайте придумаем еще несколько идей для «сделать», и я покажу вам несколько способов использования ИИ для фактического придумывания гораздо большего количества идей через секунду, как только мы перейдем в Claude Code для веба. Так что мы можем придумать несколько новых идей для задач здесь. Давайте сделаем «генерировать ИИ-подсказки в каждой карточке». Так что я хочу, чтобы было так, чтобы внутри нашего инструмента управления проектами в каждой карточке я мог сказать «генерировать подсказку», чтобы мы могли взять подсказки и поместить их в Claude Code, если мы управляем нашими приложениями vibe coding в нашем новом инструменте управления проектами. Итак, я нажимаю Enter. Мы можем сказать «логин/аутентификация», «база данных», «настроить внешний вид», «функциональность ИИ». Верно? Мы просто придумываем и проводим мозговой штурм и вываливаем наши идеи для нашего приложения сюда. И затем, по мере того, как мы это создаем, когда я позже перейду к этому рабочему процессу, и мы будем использовать Claude Web, и мы будем запускать ИИ-агентов, мы можем просто начать брать все эти идеи, которые мы вываливаем, и давать их ИИ-агентам для самостоятельного создания. Многие люди просто заходят сюда и просто заходят в Claude Code и просто набирают свои идеи по мере их появления. Вы хотите оставаться организованным, и это лучший способ оставаться организованным. Опять же, это добавляет дополнительный шаг, но с этим дополнительным шагом это значительно ускорит ваш рабочий процесс в конце дня. Итак, пока мы это делаем, откройте Apple Notes, если хотите. Скачайте TickTick, если хотите. Что угодно. Многие люди используют Linear. Это своего рода горячий трендовый новый инструмент управления проектами. Что угодно, что вы хотите использовать. Это не должно быть сложно. Я не пытаюсь продать вам эти инструменты. Просто откройте один. Вывалите свою идею. Так что, когда мы перейдем к этому позже, когда мы начнем делать гораздо более крутые вещи с Claude для веба, вы сможете просто начать вытаскивать их и создавать вместе со мной. Пока это происходит, просто как побочная заметка, я получаю этот вопрос тысячу раз в день. Почему Claude Code? Почему не Codeex? Почему не Cursor 2.0? Шум и Cursor 2.0, невероятно, все это. Я просто буду честен с вами, пока это создается. Меня не платят ни одна из этих компаний. Я не спонсируюсь. У меня нет лояльности здесь. Anthropic не платит мне здесь. Хотя, Anthropic, послушайте, если вы хотите спонсировать видео, я более чем счастлив это сделать. Но причина, по которой я так много говорю о Claude Code, и это видео посвящено рабочим процессам Claude Code, и я так сильно разработал этот рабочий процесс, это просто, на мой взгляд, в конечном итоге, Claude Code — лучший инструмент для кодирования ИИ прямо сейчас. Просто точка, конец истории. Я использовал их все. Для меня Claude Code — самый надежный, пишет лучший код и не загоняет меня в циклы ошибок, и он самый дружелюбный к новичкам. Он просто дает мне лучшие результаты, и именно поэтому все мои видео о них. Ладно. Бум. Здесь все закончено. Отлично. Ваше приложение для управления проектами Vibe Canban теперь завершено и готово к использованию. Оно показывает мне все функции, которые оно создало. И это еще одна вещь, которую я люблю в Claude Code 2 — это просто его описания того, что он создает, и как он общается с вами. Например, я знаю, что это может быть немного сумасшедшим, может быть, это все хиппи, но в конечном итоге, как бы то ни было, вайбы — это вещь. Я думаю, когда дело доходит до общения с ИИ, это критически важно для меня — вайбы. И я буду честен с вами, из всех ИИ-инструментов, Claude Code, просто то, как он общается со мной, очень тепло. Он очень дружелюбен. Он чувствует себя как партнер-разработчик. Он не чувствует, что говорит со мной свысока. Он не слишком техничен. Он чувствует, что говорит на моем уровне. И просто очень приятно и легко читать все описания. И это еще одна причина, по которой мне так нравится использовать этот инструмент. Но это просто здорово. Например, я могу очень легко увидеть основные функции, дизайн и UX. Я не поклонник чрезмерного использования эмодзи, но я думаю, что использование эмодзи в этой структуре, где я могу очень хорошо видеть структуру проекта, является вкусным. Просто очень легко читать все это и понимать, что они сделали. Я думаю, для вас, даже если вы не очень техничны, обязательно найдите время и просто прочитайте сводку того, что он создал, чтобы вы могли быть очень близки к своему приложению. Опять же, я не думаю, что вам нужно знать, как читать код, чтобы делать что-либо из этого, но просто будьте просто знакомы с тем, как работает ваше приложение, и пройдите через это и посмотрите, что оно создало. Итак, давайте сделаем это. Я нажимаю Control ` на Mac, чтобы открыть терминал здесь. А затем мы набираем npm run dev и нажимаем Enter. И это запустит наше приложение. И как вы можете видеть здесь, localhost 3000. Я нажму Command и затем кликну туда. Ладно, вот оно. Позвольте мне сделать это больше здесь. Вау, это приятно. Это выглядит хорошо. Итак, это V1 нашей канбан-доски. Я покажу вам, как сделать гораздо больше прямо сейчас после этого, включая добавление функций, использование Claude Web и кучу других мелких советов и хитростей. Но это действительно круто. Это хорошая V1. Это лучше, чем стандартный UI, который вы получаете с ИИ, потому что мы включили этот скриншот. Обычно вы получаете фиолетовые и синие градиенты. Здесь нет ни одного фиолетового или синего градиента. И когда я нажимаю и перетаскиваю, о, это приятно. Вы получаете эту приятную анимацию при нажатии и перетаскивании. Это действительно хорошо. Так что поздравляю, если это ваш первый раз, когда вы создаете с помощью ИИ. Вы только что создали свое первое приложение. Но мы еще даже не на 10% закончили. Давайте начнем добавлять гораздо больше крутых вещей к этому, и я покажу вам остальную часть моего рабочего процесса. Чтобы Claude Web работал, что является критически важной частью этого рабочего процесса, нам нужно разместить это приложение на GitHub. GitHub — это онлайн-репозиторий кода, к которому Claude Code будет подключаться, чтобы их ИИ-агенты могли работать для нас, пока мы спим, если мы хотим. Так что сделайте это. Зайдите на github.com. Создайте учетную запись здесь, если у вас ее еще нет. Совершенно бесплатно. Мы создадим новый репозиторий для этого. Мы назовем его project management app. Прокрутим вниз сюда. Вы можете сделать его приватным, если хотите. А затем мы нажмем «создать репозиторий». Как только это будет настроено, мы скопируем этот адрес репозитория и вернемся в Claude Code. Теперь мы скажем «пожалуйста, закоммитьте этот код в» и затем мы вставим адрес прямо туда и нажмем Enter. И теперь Claude Code возьмет весь наш код и поместит его в этот репозиторий GitHub. Теперь, если это ваш первый раз, когда вы используете GitHub, когда-либо используете его в Claude Code, будет несколько дополнительных шагов входа, где будет сказано: «Привет, пожалуйста, войдите в свой GitHub и сделайте там пару вещей». Если вы запутаетесь, когда он скажет: «Привет, я не знаю, почему это не работает». Сделайте скриншот, дайте его Claude Code. Claude Code исправит это для вас. Он поймет, что вам нужно сделать. Это должно занять всего пару минут. Но если вы использовали GitHub раньше, вы можете просто сказать «да» и больше не спрашивать, и он инициирует все это для нас. Это закоммитит наш код. Я нажимаю «да» здесь. И опять же, не волнуйтесь, вам не нужно быть мастером GitHub для этого. Claude позаботится обо всем за вас. Отлично, он был закоммичен и отправлен. Давайте обновим и посмотрим, есть ли у нас наш код здесь. Бум. Наш код на GitHub. Это потрясающе. Вы теперь, по сути, полноправный разработчик программного обеспечения. Поздравляю. Это также резервирует ваш код. Так что, если вы когда-нибудь ошибетесь и напишете код или что-то, что вам не нравится, вы можете просто скачать его обратно с GitHub, и все будет в порядке. Это сохраняет ваш код в безопасности. Если ваш компьютер когда-нибудь сломается или сгорит, у вас теперь есть ваш код в Интернете в качестве резервной копии, что потрясающе. Теперь мы можем сделать это. Если мы переключимся на Claude для веба, и, по сути, все, что вам нужно сделать, это перейти на claude.ai, затем нажать «код» в левой панели. Это откроет Claude Code для веба, который вы видите здесь. Мы можем выбрать наши репозитории, набрав project management app. Вот он. Бум. Мы подключены. Мы теперь подключены к нашему приложению из облака. И теперь мы можем запускать агентов из Claude Code Web, чтобы начать работать над нашим приложением для нас. Но вот где рабочий процесс становится интересным. Я буду запускать не только кодирующих агентов. Вы думаете о Claude Code, вы думаете, о, вы будете использовать агентов для кодирования. Нет, нет, нет, нет, нет. Это общий веб-агент. Так что мы можем заставить этого ИИ-агента делать все, что мы хотим в Интернете. Итак, давайте сделаем это. Мы даже не заставим его начинать кодировать. Мы зайдем сюда и сделаем это. Итак, я скажу это. Пожалуйста, создайте для меня дорожную карту для этого приложения. Посмотрите на весь код в нашем приложении для управления проектами. Затем создайте для нас дорожную карту функций, которые улучшат наше приложение, сделают клиентов более лояльными и в целом повысят ценность приложения. Я нажимаю Enter. И это запустит ИИ-агента в облаке. Я могу нажать «включить». Так что он уведомит нас, когда закончит работу. И теперь Claude в Интернете. Это ИИ-агент в Интернете. Это даже не на моем компьютере. Теперь создает комплексную дорожную карту. Но давайте вернемся. Он займется работой. Давайте запустим еще несколько ИИ. У нас будет работа. У нас будет армия ИИ-агентов, работающих для нас здесь. Мне также нужен маркетинговый ИИ-агент. Так что я скажу это. Вы — маркетинговый агент. Пожалуйста, посмотрите на наше приложение и придумайте маркетинговый план, включая твиты и электронные письма. Также создайте для нас копию и дизайн целевой страницы. Я нажимаю Enter. Теперь у нас есть два ИИ-агента, работающих в Интернете. Пока у нас есть один ИИ-агент внутри Claude Code справа, создающий наше приложение, у нас теперь есть два агента в Интернете, создающих для нас. Но мы еще не закончили. Давайте продолжим. Итак, я смотрю на наше управление проектами здесь. У нас есть «создать базовое приложение». Это сделано. Переведем это в «завершено». Давайте заставим ИИ-агента настроить внешний вид. Так что мы поставим это в «в процессе». Давайте вернемся сюда и скажем «создать светлый и темный режим для нашего приложения». И мы нажмем Enter. И теперь у нас есть настоящий ИИ-агент, кодирующий для нас. И теперь он создает для нас светлый и темный режим в Интернете. И я покажу вам чуть позже, как скачать этот код и поместить его в наше приложение. Итак, у нас три ИИ-агента, работающих для нас в Интернете. Если бы мы собирались лечь спать, вы могли бы зайти в свое приложение на телефоне и фактически иметь своих агентов, создающих. Я не думаю, что вы можете увидеть это здесь, но у меня фактически есть агенты на моем телефоне прямо здесь, в приложении Claude Code. Там вы можете увидеть это. Вы просто заходите в приложение Claude, а затем нажимаете «код» слева, и вы можете видеть своих агентов. Так что это кроссплатформенно. Это на моем телефоне, на моем компьютере, везде. Так что это действительно круто. Но давайте сделаем это, пока это происходит с нашими ИИ-агентами. Давайте добавим некоторую ИИ-функциональность. Итак, давайте сделаем «генерировать ИИ-подсказки в каждой карточке». Так что я хочу сделать так, чтобы каждая карточка в нашем приложении, вы могли посмотреть на задачу, и когда вы нажмете на нее, вы фактически могли бы сгенерировать для нее ИИ-подсказку, которую вы можете поместить в Claude Code и заставить ее создать. Я думаю, это было бы очень круто. Так что давайте создадим это внутри Claude Code. Так что это часть общего рабочего процесса, который дает вам силу, верно? Вы запускаете агентов для работы в облаке для вас, которые создают кучу функциональности, ваш маркетинг, вашу дорожную карту, вашего менеджера продукта. Вы, по сути, управляете компанией из одного человека, верно? И в то же время мы зайдем и начнем создавать функции сами. Вот как бизнес из одного человека превращается в миллиардный бизнес. Это было невозможно до ИИ. Верно? До ИИ, если бы я хотел создать это приложение, мне пришлось бы нанять менеджера продукта, маркетолога. Мне пришлось бы нанять разработчиков. Я бы тратил миллионы долларов в год на создание этого. Теперь, благодаря ИИ, у меня есть три моих сотрудника, работающих на меня в облаке. Мой менеджер продукта, мой маркетолог, мой младший разработчик, а затем у меня есть мой старший разработчик здесь, внутри Claude Code, создающий другие функции для меня. Вот почему я сказал, что этот рабочий процесс настолько мощный, потому что именно так вы создаете рычаг. Именно так вы строите целую компанию, которая работает на вас, даже если вы всего лишь один человек. Многие люди тратили бы миллионы долларов в год, чтобы иметь всех этих людей, работающих на них в компании. Для меня я трачу 20 долларов в месяц на Claude Code. Довольно невероятно. Итак, давайте зайдем и начнем создавать ИИ-функциональность здесь. Я покажу вам, как реализовать ИИ-API в вашем приложении. Так что у вас может быть ИИ-функциональность в вашем приложении. Это ваш первый раз, когда вы делаете это, вы будете далеко впереди своих конкурентов. Это безумие. Итак, я нажму Shift Tab, чтобы перейти в режим планирования. И это подсказка. Я также оставлю это ниже. Я хочу сделать так, чтобы в этом приложении была ИИ-функциональность. Я хотел бы сделать так, чтобы в каждой карточке на канбан-доске была кнопка ИИ. Затем, когда я нажму эту кнопку, она будет использовать API OpenAI для генерации подсказки для этой карточки. Она возьмет заголовок карточки и превратит его в подсказку, которую я могу дать Claude Code для создания этой функции. Так что, по сути, у вас есть ваша доска. Теперь будет кнопка ИИ. Я нажимаю на нее, и она возьмет любую задачу в этой карточке и превратит ее в ИИ-подсказку, которую я затем могу дать Claude Code для создания любой функции. Это действительно потрясающая ИИ-функциональность, которую мы собираемся создать здесь. Итак, я сделаю это в режиме планирования. Я нажимаю отправить. И это снова спланирует с помощью Sonnet, как создать эту функцию. Так что мы экономим деньги, потому что Haiku выполняет всю работу. Sonnet выполняет все планирование. Очень крутой совет по рабочему процессу, который сэкономит вам кучу денег, пока это создается. Кстати, если вы чему-то научились, все мои видео насыщены таким же объемом ценности, как это. Так что обязательно поставьте лайк, если вы чему-то научились. Подпишитесь на гораздо больше контента, подобного этому. Включите уведомления, чтобы получать оповещения в тот момент, когда я провожу прямые трансляции или создаю что-то. Обещаю, это того стоит. Итак, это план. Он создан. Я помогу вам создать ИИ-функциональность. Это потрясающе. Мне нравится, когда Claude делает это. Он спрашивает меня о моих предпочтениях. Так что вместо того, чтобы просто создавать план, он говорит: «Хорошо, что вы хотите использовать? Какие модели вы хотите использовать? Как вы хотите, чтобы это выглядело? Мне нравится. Так что мы зайдем. Мы ответим на эти вопросы. Я скажу использовать GBT5. Он спрашивает, насколько подробными я хочу, чтобы были подсказки. Сохраняйте подсказки простыми, не слишком техническими. Затем он спрашивает меня, где должна отображаться подсказка. Я скажу «добавить поле описания». Контекст карточки. Хотим ли мы включить все в карточку для контекста? Включить все в карточку для контекста. Реализация API. Это клиентское приложение без бэкенда. Вы согласны с созданием маршрута API Nex.js? Да, все, что вы считаете подходящим и простым. Если вы заметили, в том, что я набираю, есть куча орфографических ошибок, но это нормально. Claude понимает, что я говорю. Так что, как есть. Это шоу-бизнес, детка. Ладно, мы нажимаем Enter, и он начнет работать. В то же время мы проверим наших ИИ-агентов здесь. Похоже, один из них закончил. Создать дорожную карту приложения из существующего кода. Давайте посмотрим на дорожную карту, которую он нам составил. Ладно. Итак, мы пойдем сюда. Давайте посмотрим здесь. О, он сделал для нас много работы. Отлично. Теперь у нас есть полное понимание. И вот дорожная карта. Я проанализировал весь ваш код и создал для вас подробную дорожную карту. Так что он рассказывает нам о текущем состоянии и теперь дает нам этапы на весь 2025 год. Итак, структура бэкенда, он даст нам дорожную карту базы данных. Это довольно круто. Он расскажет нам об аутентификации и управлении пользователями. У него есть дорожная карта для нас по управлению командами и рабочими пространствами, возможности добавления комментариев, системы уведомлений, возможности прикрепления файлов. Это очень хорошие идеи. Что мне нравится делать, пока мы это делаем здесь, и я приму план справа. Видите, я многозадачен до чертиков. Я снова открою TickTick здесь. Опять же, просто используйте Apple Notes, если хотите. И я просто добавлю некоторые идеи, которые вижу от ИИ, сюда. Итак, мне нравится возможность добавлять заметки. Управление командой. Давайте добавим сюда управление командой. Система уведомлений. Мне это нравится. Синхронизация с вашим календарем. Так что давайте синхронизируем с календарем. И, по сути, мы генерируем идеи с помощью ИИ. Мы помещаем их в наш инструмент управления проектами. И мы просто гудим. Приложение улучшается. Ваша конкуренция, я обещаю вам, не использует этот рабочий процесс. Ваша конкуренция не генерирует идеи. Я имею в виду, что мы, как, через 10 минут здесь? Мы генерируем идеи. У нас уже готово приложение. Мы переходим к дорожной карте. У нас есть сотня разных идей, готовых к работе, и мы все — один человек. Вот почему этот рабочий процесс настолько мощный, потому что у вас есть рычаг 20 разных людей одновременно, даже если вы всего лишь один человек, и вы организованы. Так что, если мы вернемся к этому позже, у нас будет наша система готова. Что делает ваша конкуренция, так это то, что они используют Claude Code, дают ему подсказки о том, что создавать, а затем, пока он создает, они идут на свой телефон и смотрят ТикТок, и их мозг плавится из ушей. Вы, вы другие. Вместо того, чтобы ваш мозг плавился из ушей в ТикТоке, вы приходите сюда и нанимаете сотни ИИ-сотрудников, чтобы они работали на вас, чтобы придумывать дорожные карты, маркетинг, создавать вашу целевую страницу, создавать ваше приложение, все это. Пока ваша конкуренция спит и гниет, вы используете рычаг и создаете быстрее, чем когда-либо в своей жизни. Так что это все еще строится. Я добавлю еще одну функцию для вас здесь, пока это происходит. Так что это только если вы хотите вывести этот рабочий процесс на новый уровень. Это только если вы хотите быть максимально эффективным. У меня также всегда открыто настольное приложение Claude. Если вы хотите использовать настольное приложение ChatGPT, вы можете это сделать. Если вы хотите использовать настольное приложение Google Gemini, если оно у вас вообще есть, вы можете это сделать. Это для общего мозгового штурма и общения с ИИ. И вот что я сделаю здесь, я опишу Claude, что я создаю. Мне нравится использовать эту подсказку, когда я начинаю создавать новый проект. Я создаю приложение для управления проектами канбан-доски. Я хочу использовать этот чат, чтобы быть продуктивным в целом и говорить о том, что я создаю. Придумывать новые идеи и просто получать общие советы для моего бизнеса и жизни. Давайте поболтаем. И я нажимаю Enter. И теперь, пока у нас работают агенты на Claude для веба, пока наш агент создает функциональность внутри Claude Code, у меня теперь есть своего рода общий бизнес- и жизненный консультант. Я буду общаться в настольном приложении Claude. И так, вам не нужно говорить только о приложении, над которым вы работаете, канбан-доске. Часто я использую это, чтобы говорить о вещах в моей жизни. Привет, я хочу быть более продуктивным. Я хочу больше читать. Как мне это сделать? Как мне найти больше времени, чтобы читать больше книг? И это будет обсуждаться со мной. И именно так вы остаетесь максимально продуктивными. Верно? Большинство людей, использующих ИИ, имеют кучу времени простоя. Они смотрят ТикТок. Они отвлекаются на Twitter, на YouTube, на ТикТок, что угодно. Пока это работает. Ключ к максимальной продуктивности в вашем рабочем процессе — это максимизация вашего рычага с помощью ИИ и избегание времени простоя. Пока вы используете ИИ всякий раз, когда у вас есть время простоя, вы будете постоянно, постоянно продуктивны и будете становиться лучше. И так, у меня есть мой ИИ в Claude Code, создающий большие задачи. У меня есть мои ИИ-агенты внутри Claude для веба, выполняющие мелкие задачи и мелкое планирование. А затем у меня есть настольное приложение Claude, которое я использую для бизнес-консультаций, общего общения и получения максимальной отдачи от каждого момента, когда я работаю с ИИ. Ваша конкуренция в лучшем случае просто создает с помощью Claude, а затем отвлекается и убегает, пока он создает. Вы, с другой стороны, абсолютный дикарь, абсолютный мастер, который максимизирует каждую секунду, чтобы выжать сок из ИИ, снова использует Claude для создания основных функций. Да. Да, и больше не спрашивайте, используя Claude для веба, их совершенно новую функцию, чтобы агенты создавали их дорожную карту, создавали мелкие задачи, например, светлый и темный режим, который уже сделан, а затем у них есть их бизнес-консультант для более высокого уровня планирования приложения, более высокого уровня администрирования, более высокого уровня управления жизнью, чтобы получить максимальную отдачу от ИИ, и теперь ваш рабочий процесс гудит. Здесь мы делаем две вещи: мы устраняем отвлекающие факторы, что критически важно. Мы живем в обществе, где все постоянно отвлекаются. Мы устраняем отвлекающие факторы и максимизируем вывод от ИИ-агентов. Итак, давайте сделаем это. Давайте посмотрим, как прошел этот рабочий процесс. Давайте добавим наш ИИ-ключ, протестируем эту новую функциональность, которую мы только что создали, и посмотрим, как она справилась. Итак, похоже, что для этого использовался API Anthropic. Я полагаю, он видит, что мы в настроении Anthropic. Так что мы используем ключ API Anthropic. Я покажу вам, как его получить прямо сейчас. Если вы войдете на console.anthropic.com, вы можете получить свой ключ API отсюда. Я нажму «получить ключ API». Я нажму «создать ключ». Я скажу «project management» и нажму «добавить». Скопируйте ваш ключ API в .env.local. Прямо здесь вы нажимаете «сохранить», и ваша ИИ-функциональность должна быть готова. Ладно. Итак, давайте протестируем это. Похоже, у нас есть эта новая приятная кнопка ИИ на каждой карточке. Если мы нажмем на нее, я полагаю, она сгенерирует для нас ИИ-подсказку. Давайте нажмем. Мне нравится эта маленькая приятная анимация. Это был умный Claude. Бум. Сгенерированные ИИ-подсказки: добавьте функцию локального хранилища для автоматического сохранения и сохранения. Так что теперь нам не нужно думать об ИИ-подсказках для каждой из функций. Мы можем просто скопировать и вставить подсказку, которую дает нам ИИ, и дать ее Claude Code, и он создаст функциональность для нас. Мы создали это. Приложение выглядит довольно хорошо. Я имею в виду, у вас есть вся функциональность, которая нам нужна для управления нашими приложениями. Теперь вместо использования TickTick для планирования наших приложений, которые мы создаем с помощью кода, мы можем использовать наше собственное приложение, которое мы создали сами. И нет ничего круче этого. Нет ничего круче, чем использовать приложения, которые вы создали сами. Это лучшее чувство в мире. Итак, давайте подведем итоги того, что мы сделали до сих пор. Для этого рабочего процесса мы использовали расширение Claude Code внутри VS Code, которое, я думаю, является лучшим способом взаимодействия с Claude Code в мире. Чисто, просто, легко в использовании. Мы использовали Claude для веба, их совершенно новую функциональность на claude.ai AI, которая позволила нам запускать столько ИИ-агентов в облаке, сколько мы хотим, чтобы выполнять задачи, такие как создание крошечных функций, проведение исследований для нашего приложения, маркетинг, по сути, мы продолжаем запускать сотрудников для себя, чтобы они выполняли работу для нас. Затем мы использовали настольное приложение Claude, чтобы быть нашим бизнес-консультантом. Так что, пока вещи работают, пока код генерируется для нас, мы общаемся с настольным приложением Claude, чтобы обсуждать идеи, говорить о нашей жизни, говорить о бизнесе, просто получать советы, чтобы мы не тратили время. Пока все остальные, пока ваша конкуренция смотрит ТикТок, пока ИИ создает, и им требуется 12 часов, чтобы что-то сделать, мы продвигаемся вперед. Мы запускаем ИИ-агентов. Мы общаемся с бизнес-консультантами. У нас 20 ИИ работают для нас одновременно. Это лучший рабочий процесс, который вы можете иметь для vibe coding прямо сейчас. Это позволит выпускать приложения быстрее, чем вы можете себе представить. Все остальное — просто шум. Люди, о, вам нужно сделать MCPS и NAN и это и то. И нет, нет, нет, нет. Вы сохраняете простоту, как мы сделали сегодня, и вы сделаете гораздо больше работы, чем вы можете себе представить. Если вы чему-то научились, поставьте лайк. Дайте мне знать в ответах, начали ли вы уже использовать эту функциональность. Какая часть этого для вас нова? Подпишитесь, если еще этого не сделали. Включите уведомления, потому что все, что я делаю, — это создаю потрясающие видео об ИИ. Я также провожу прямые трансляции по понедельникам, средам, пятницам в 11:00 по тихоокеанскому времени. Заходите, чтобы пообщаться, задать вопросы, потусоваться, делайте что хотите. Рассылка, бесплатная рассылка ниже. №1 рассылка об ИИ в мире. Ссылка в описании. Обязательно подпишитесь. У меня много просьб, но это все для вас. Это все для вас, ребята. Я люблю вас всех. Спасибо всем. Увидимся в следующем видео.