Transcription
Работать с Claude — это просто настоящее удовольствие. Он ощущается очень управляемым, и я думаю, что одна из его сильных сторон — это понимание намерений. Когда я хотел копнуть глубже, он просто делал это, и это действительно позволило мне создать свою собственную небольшую экосистему инструментов вокруг него. >> Я думаю, что настройка среды и настройка разработчика — это настолько недооцененный сценарий использования. Одна из вещей, которая, я знаю, действительно важна для вас, — это эффективное планирование, и вы придумали способ планирования, который, на мой взгляд, довольно уникален. Итак, я поиграл с этим инструментом, чтобы, по сути, давать Claude эти JSON-файлы. И есть целый набор навыков, которые я построил вокруг этого, которые Claude Code может использовать для их написания. И тогда это фактически приводит к созданию приятных на вид макетов пользовательского интерфейса. Я должен сказать, что это инструмент разработчика, который был почти на 100% создан с помощью подсказок. [музыка] Добро пожаловать обратно на How I AI. Я Клэр Во, лидер продукта и одержимая ИИ, здесь с миссией помочь вам создавать лучшее с помощью этих новых инструментов. Сегодня у меня CJ Hess из 10X. [музыка] И если вы видели его в X, он создает одни из самых полезных инструментов и рабочих процессов для того, чтобы быть так называемым настоящим инженером ИИ. Мы собираемся получить предварительный просмотр его инструмента Flowy, который он разработал для себя, и он покажет нам, как он использует сравнение моделей для обеспечения отличного кода. Давайте приступим. Этот выпуск представлен [музыка] Orcus, компанией, стоящей за Open-source Conductor, платформой, обеспечивающей сложные рабочие процессы и оркестрацию процессов для современных корпоративных приложений и агентских рабочих процессов. Устаревшие инструменты автоматизации бизнес-процессов рушатся. Разрозненные низкоуровневые платформы, устаревшие системы управления процессами и разрозненные [музыка] инструменты управления API не были созданы для сегодняшнего событийно-ориентированного мира облачных вычислений на базе ИИ [музыка]. Orcus меняет это. С Orcus Conductor вы получаете современный уровень оркестрации, который масштабируется с высокой надежностью, поддерживает как визуальную, так и кодовую разработку и объединяет людей, ИИ и [музыка] системы в реальном времени. Речь идет не только о задачах. Речь идет об оркестрации всего. API, микросервисы, [музыка] конвейеры данных, действия человека в цикле и даже автономные агенты. Так что создавайте, тестируйте и отлаживайте сложные рабочие процессы с легкостью. добавляйте утверждения человека, автоматизируйте серверные процессы и оркестрируйте агентские [музыка] рабочие процессы в корпоративном масштабе. И все это при сохранении корпоративной безопасности, [музыка] соответствия требованиям и наблюдаемости. Независимо от того, модернизируете ли вы устаревшие системы или масштабируете приложения следующего поколения на базе ИИ [музыка], Orcus поможет вам быстро перейти от идеи к производству. [музыка] Orcus, оркестрируйте будущее работы. Узнайте больше и начните создавать на orcus.io. Это o r kes.io. [музыка] CJ, добро пожаловать на How I AI. >> Спасибо, Клэр. Приятно быть здесь. >> Итак, я видел много мощных пользователей Claude и инженеров ИИ, и я все еще считаю вас супер-мощным пользователем некоторых из этих инструментов. И это не только потому, что вы создаете реальный производственный код с тем, что вы строите, что очень приятно видеть, и я думаю, что это подмножество того, что мы видим от людей, использующих эти инструменты. Вы также создаете инструменты для себя, чтобы улучшить процесс инженерии ИИ, и вы делитесь этими инструментами с другими людьми, которые затем подтверждают, что они действительно полезны. Так почему вы так взволнованы, в частности, Claude Code, и что он изменил для вас, как мы говорили до шоу, так называемого настоящего инженера-программиста? >> Как и многие люди, момент Opus 4.5 был большим. Но я работаю с Claude Code, я не знаю, может быть, в прошлом мае. Но для меня это было действительно связано с тем, как они его контролируют, и я вижу много споров о кодексах в Claude Code. И я бы честно сказал, что GPT 5.2 — более умная модель, но работать с Claude просто так приятно, как в Claude Code. Он ощущается таким управляемым. И я думаю, что одна вещь, которую он действительно имеет, — это понимание намерений. Может быть, я не даю, знаете ли, Opus и Cursor того шанса, которого они заслуживают здесь, но есть что-то в Claude Code, когда я хотел копнуть глубоко, он просто делает это. Он как будто улавливает мою интуицию просто в подсказках. И это действительно позволило мне почти создать небольшую экосистему моих собственных инструментов вокруг него, вокруг Claude Code, особенно с навыками сейчас, которые просто делают его все лучше и лучше для меня, потому что это Claude Code плюс эта система навыков и инструментов, которые я построил вокруг него. Так что мне очень трудно от него отказаться. >> Да. Что мне нравится в этом моменте как инженера-программиста, так это то, что, знаете, в старые времена у вас был выбор, например, что будет моей IDE, и буду ли я использовать Vim, и какие, знаете ли, какой у меня набор одобренных инструментов как инженера, которые я могу использовать, чтобы сделать, знаете ли, какие линтеры мы используем как команда? Все это. Есть вещи, которые вы могли сделать, чтобы настроить свою среду разработчика. Но теперь вы можете действительно вывести это на новый уровень, и у вас может быть совершенно другой рабочий процесс инженера ИИ, чем у вашего коллеги, сидящего рядом с вами, и это совершенно нормально, потому что это делает вас индивидуально намного более эффективным и результативным, и вы создаете их сами за довольно небольшие деньги. Так что нет такой стоимости или препятствия для оценки новых вещей в вашем стеке. >> Да. Есть даже как бы, это почти как один, у вас теперь есть мозги Claude, чтобы почти делать грязную работу над инструментами разработчика. Как я думаю, знаете, до любых из новых моделей поколения, которые действительно могут обрабатывать агентский цикл, и знаете, сидеть с неисправным линтером и просто принимать его и иметь комментарии игнорировать везде, чтобы, знаете ли, я просто сдался, а теперь это как будто я почти могу доверить ему сказать: "Что не так с этой конфигурацией? Моя IDE не соответствует тому, что есть в проекте. Хорошо, мы должны решить это и просто решить эти проблемы, которые, как мне кажется, раньше были вечными проблемами. >> Да. И для неинженеров, которые смотрят или слушают прямо сейчас, я думаю, что настройка среды и настройка разработчика — это настолько недооцененный сценарий использования. Вчера я провел онбординг дизайнера, которая буквально не участвовала в этом ИИ-процессе. Она буквально ничего не скачала, ничего не использовала. И она на Cursor, Claude Code, у нее запущены узлы, установлен Homebrew. И я сказал: "Просто попроси Claude Code сделать это. Скажи: "Помоги мне понять этот репозиторий и настроить мой компьютер для запуска". И это просто, и я сказал: "Тогда просто скажи ей, что она может принять все инструменты и дать ей работать, и вернуться к своему ноутбуку позже". И это довольно здорово. Я имею в виду, мы сейчас действительно, действительно избалованы. Итак, давайте погрузимся в некоторые из ваших реальных рабочих процессов. И одна из вещей, которая, я знаю, действительно важна для вас, — это эффективное планирование, и вы придумали способ планирования, который, на мой взгляд, довольно уникален. >> Да. Итак, есть своего рода классический план. Итак, я переключусь на Cursor. У меня есть в этой папке просто классические планы, просто бросаю туда планы. И мне очень нравится этот формат. Я думаю, что многие люди сходятся на этом: итерация по markdown, наличие одного файла, где вы просто работаете над планом, просматриваете план, и к концу этого вы можете почти чувствовать себя уверенно, просто позволяя ему писать код. Но единственная часть, которая мне не нравилась, но оказалась очень ценной, — это эти ASCII-схемы. Итак, если вы просто слушаете, это все эти коробки и стрелки, которые рисует Claude, и, знаете ли, всегда есть это несоответствие краевого символа. Я не знаю, почему мы до сих пор этого не решили. Но для таких вещей, как макеты пользовательского интерфейса, таких вещей, как, знаете ли, блок-схемы того, как будет работать навигация, как будет работать определенная система, мне очень нравится этот визуальный способ мышления, но мне очень не нравится смотреть на эти ASCII-диаграммы. Даже такие вещи, как Mermaid, и все остальное, не совсем соответствовали тому, чего я хотел. Поэтому я поиграл с этим инструментом, чтобы, по сути, дать Claude эти JSON-файлы. И есть целый набор навыков, которые я построил вокруг этого, которые Claude Code может использовать для их написания. И тогда это фактически приводит к созданию приятных на вид макетов пользовательского интерфейса. Не в супервысокой точности или детализации, но, знаете ли, я могу как бы направить его в нужном направлении. И здесь, этот белый текст может быть немного трудночитаемым. Но, по сути, это блок-схема в этом инструменте, Flowy, и как он работает. >> Итак, для слушателей, что мне нравится в этом, так это то, что Flowy — это инструмент, который вы создали. Это не то, что вы говорите: "О, я играл с этим инструментом". Это как будто: "Нет, вы создали этот инструмент". >> Да, для себя. >> Это был мой первый эксперимент с циклом Ральфа. Я до сих пор не уверен, насколько я уверен в них, потому что мне пришлось немного почистить, но в целом я должен сказать, что это своего рода инструмент разработчика, который был почти на 100% создан с помощью подсказок. >> Да. И вот что вы сказали: "Знаете, я люблю планы. Я люблю идею, и мне просто нужно снова взять паузу. Я самая старая леди в интернете. Так что давным-давно, два десятилетия назад, когда я впервые занималась управлением продуктами и веб-дизайном, мы делали так много блок-схем, так много диаграмм пользовательских путешествий, а затем так много каркасов и так много макетов низкой детализации, затем макетов высокой детализации. И мне нравится то, что вы строите, это то, что вы строите версию для нативных ИИ. Эта часть не исчезла ни для кого. Она не исчезла, вы сказали, что когда вы нажимаете это, это ведет к этому, и это шаги, и это ветви, и все такое. И она не исчезла, что вам нужно смотреть на дизайны и говорить: "Да, это вроде того, чего я хочу". Но теперь вы можете иметь ИИ, который их создает. И сначала вы имели ИИ, который создавал их в markdown, очень, очень низкой детализации. И я должна сделать отступление, которое, знаете ли, год назад я была чрезвычайно рада, что он создавал ASCII-разметку, а теперь этого просто недостаточно. >> Да. >> Сдвиг ожиданий от этих моделей. >> Да, именно. И поэтому вы взяли эти markdown-разметки, которые были полезны, и сказали: "Теперь сделайте их действительно полезными, создав это подприложение, которое может их запускать". И это комбинация, как мне кажется, диаграмм рабочих процессов и пошаговых макетов. >> Да. Итак, по сути, я хотел JSON-файл. Он может рендериться, и он может иметь узлы и ребра, как любая блок-схема, а затем примерно складывать их, менять цвета и получать, знаете ли, что-то вроде этого, где у нас есть несколько разных экранов, и у нас есть что-то среднее между каркасом и настоящим макетом, которое просто может помочь мне направить модель в нужном направлении. Другая большая вещь для меня была итерация над этим. Я не собираюсь идти в этот markdown-файл и пытаться писать новые формы и объединять их. Так что для этого это также редактор, и по мере редактирования все эти изменения сохраняются в JSON-файл. Так что вы можете затем направить Claude обратно к нему и сказать: "Эй, я знаю, что ты это сделал, но на самом деле, скажем, я хочу шагнуть сюда, и я подниму это и добавлю некоторые ребра". И тогда вы можете проектировать здесь почти так же, как вы находитесь в Figma или Excaligar или что-то в этом роде, а затем Claude может просто прочитать файл, и это более естественный способ для него понять, как все выглядит. >> И вы упомянули диаграммы Mermaid, и поэтому у меня есть этот вопрос: одно из преимуществ диаграмм Mermaid заключается в том, что это синтаксис, который эти LLM хорошо знают и могут анализировать и фактически рассуждать о нем. Чувствуете ли вы, что вы создали навык, где Claude Code может понимать и читать этот JSON? Как вы обучили его читать ваш собственный проприетарный инструмент разработчика и документацию? >> Да, сейчас я использую два основных навыка. Есть третий, который просто обзор, по сути, своего рода общий вид команд, как выглядит файл Flowy. А затем у меня есть один, который очень специфичен для блок-схем, и один, который посвящен макетам пользовательского интерфейса. И чтобы сделать их, я, по сути, сидел в репозитории самого инструмента, имел много "исследовать под-агентов" и затем начал делать первые макеты пользовательского интерфейса и блок-схемы и начал направлять его: "Хорошо, вы поставили их слишком близко, нам нужно правило о, знаете ли, интервале и о том, как думать об интервале", и я постепенно наращивал это, где, если я работаю с этим, и что-то идет не так, почти пример здесь — это белый текст на этих, знаете ли, пастельных заметках, трудночитаемый. Я, по сути, заходил в место, где у меня есть эти навыки, и говорил: "Вот что произошло. Дайте мне предложение о том, как улучшить этот навык, чтобы это не повторилось". И затем итеративно просто продолжал развивать этот навык. И первые блок-схемы, которые сделал этот инструмент, были, знаете ли, фигуры, сложенные друг на друга. Это не имело никакого смысла. Но он прошел долгий путь. Не так уж много изменений в базовом приложении. Дело было в том, чтобы заставить Claude понять и узнать навык. И я нахожу, что это работает лучше, чем что-то вроде Mermaid, просто потому, что я действительно чувствую силу создания моих собственных инструментов разработчика сейчас. И я действительно не хочу сталкиваться с ограничениями Mermaid, если это имеет смысл. Я хочу иметь возможность сказать: "Хорошо, я хочу новую функцию в Flowy. Я собираюсь ее создать. Я обновлю навыки, и я могу быть уверен, что Claude сможет работать с этим и понимать новую функцию". >> Да. Одна из вещей, которую я действительно наблюдал в себе как инженере, заключается в том, что по мере того, как я получаю доступ ко все большему количеству моих инструментов разработчика через MCP или конфигурацию как код или что-либо из этого, я начинаю понимать, что мне очень легко расширять то, что они построили, и настраивать его под себя. И поэтому я думаю, что, знаете ли, из всех мест, инструменты разработчика — это интересное место, где, во-первых, ваши пользователи очень дешевы, и, во-вторых, они способны форкать то, что вы построили, и, в-третьих, существует так много открытого исходного кода, что я действительно думаю, что будет тенденция к созданию. Раньше, когда я, знаете ли, руководил большими продуктовыми и инженерными организациями, меня спрашивали: "Создавать или покупать?", и я говорил: "Боже мой, просто купите это. Пожалуйста, просто возьмите мою кредитную карту и купите это, и давайте не будем тратить время". А теперь я перешел к: "Конечно, мы должны это построить, пока не столкнемся с каким-либо ограничением, мы должны это построить". И, конечно, отдельные инженеры, если что-то полезно, вы должны просто построить что-то сами, по крайней мере, для первой версии. >> Да. Это почти не стоит дополнительных денег. Я имею в виду, я видел, я думаю, я вижу этот паттерн в Twitter, но все публикуют какой-то продукт, какой-то смешной ценовой уровень и говорят: "Кто-нибудь, пожалуйста, сделайте код для этого". Знаете, я думаю, что это происходит повсюду в SaaS. >> Да. Итак, можете ли вы показать нам, как вы бы создали один из этих Flowy, использовали бы его в своем Claude Code, как это на самом деле работает? >> Я думал, что у меня есть раздел советов и хитростей в этом небольшом демонстрационном приложении Claude Code. Мой весь фон в мобильной разработке, поэтому это было самое простое для меня. Но, по сути, мне не нравятся эти карточки. Я почти хочу, чтобы это было немного веселее. Скажем, вы хотите колесо-спиннер. Оно приземляется на что-то, а затем показывает вам совет. Разработка для меня обычно выглядит так: я захожу сюда. У меня есть забавные псевдонимы, но я полностью обхожу разрешения. Так что Кевин в моем терминале фактически направляет к Claude с обходом разрешений. >> Хорошо. Итак, вы назвали разные области разрешений псевдонимами в своем терминале. Если >> О да, для наших слушателей, у нас есть очень недавний эпизод с Джоном Линквистом, который фактически показывает, как настроить эти псевдонимы для Claude Code. Так что обязательно посмотрите этот эпизод, если вы хотите это настроить. У меня есть классический CC, а затем я сделаю CC scary, который будет моим опасным вариантом. >> Да, я все больше и больше в этом режиме Кевина сегодня. Я нахожу, что многие проекты, над которыми я, знаете ли, исключительно работаю, или работаю в команде, над которой я нахожусь, у нас есть все правила, установленные в Git, что если я сделаю что-то ужасное, это нормально. Но есть определенные моменты, когда, если я создаю PR, время от времени я все еще делаю это вручную, но у меня есть много навыков, которые выполняют многие из этих рабочих процессов, запускают предварительные проверки и убеждаются, что все в порядке, прежде чем отправлять это. Но кроме этого, я почти в порядке, работая опасно, обходя большинство разрешений в эти дни. >> Отлично. Итак, вы идете к Кевину, он же Claude Code, и что вы делаете? >> Итак, для этого мой запрос, вероятно, будет примерно таким: "Посмотри на наши предыдущие планы, а затем исследуй кодовую базу". Просто хочу немного переориентировать его, особенно в свежем чате. В разделе советов и хитростей я хочу создать вращающееся колесо, где пользователь нажимает кнопку, колесо вращается, а затем это один из советов. После этого совет должен появиться в карточке прямо под спиннером. Затем, своего рода следующий шаг, и то, что я делаю все больше и больше, что не так, как я изначально начал использовать этот инструмент, — это фактически создание блок-схемы того, как, знаете ли, будет работать код, диаграмма системы, что-либо подобное. В этом примере я бы фактически хотел как пользовательский поток, так и последовательность анимации. Я нашел это очень полезным для сложных анимаций. Поэтому я бы сказал: "Затем используйте навык блок-схемы Flowy для создания диаграммы последовательности анимации и диаграммы пользовательского потока для страницы советов и хитростей". Итак, мы отправим Claude. Он проведет некоторое исследование, часто. Да, вот оно. Мне на самом деле нравятся эти агенты исследования. И часто я запускаю три, четыре, пять параллельно, чтобы посмотреть на разные места, особенно если я работаю с большой кодовой базой, но просто собираю весь контекст вокруг нее. Это небольшое приложение, поэтому я не думаю, что это займет слишком много времени. Затем Claude загрузит этот навык Flowy, запишет его, и мы сможем посмотреть на это в редакторе Flowy, а затем поиграть с ним, прежде чем фактически реализовать его. Пока мы ждем, пока это загрузится, можем ли мы немного посмотреть на этот навык Flowy, чтобы увидеть, как вы его структурировали? >> Конечно. Итак, сначала я покажу вам поддерживающие файлы. >> Да. >> Этот файл — просто навык MD. Он показывает, насколько я не вовлечен в некоторые из этих файлов навыков, особенно те, которые я создаю сам. >> Да, у нас есть эпизод "Навык 101", и это как бы, это markdown-файл в [смех] папке. >> Это markdown-файл, и иногда это может быть конкретный пример, но с Flowy это очень гибко. Я бы сказал, что я захожу туда, быстро что-то меняю, говорю "обновить навык", и на самом деле процесс улучшения — это я использую его и вижу, что не получилось. Итак, здесь мне не так уж важно, как настроен этот файл, если только при последующем обновлении он не будет работать лучше. Я почти чувствую себя хорошо, позволяя модели управлять тем, как это выглядит. Итак, давайте прочитаем. В нем есть много примеров. Позвольте мне прокрутить вверх. Я уверен, что есть какой-то обзор. Отлично. Итак, снова, классический обзор. Привет, мы будем создавать блок-схемы и архитектурные диаграммы. Они будут отображаться на этом порту. Здесь вы их создадите. Он знает, что приложение Flowy ищет эту папку Flowy. Дает ему некоторую общую информацию о том, как выглядит метаданные. Что включать узлы и ребра? А затем начинает углубляться в детали. Правильно. Итак, у нас есть разные формы. Какой примерный вид схемы. У вас есть стили, у вас есть значки, которые вы можете использовать, а затем начинаете перечислять свойства. Так что я бы не сказал, что это что-то сверхъестественное или даже слишком длинное и подробное, но это включает в себя все части, которые Claude должен знать. И вы почти можете видеть здесь, как этот навык растет по мере разработки функций. Так что недавно я установил всю эту семантическую цветовую систему, чтобы иметь несколько последовательных тем. Иногда Claude любит выбирать какие-то сумасшедшие цвета, и этот раздел просто появился в навыке. Правильно. Так что по мере того, как я занимаюсь разработкой Flowy, часть каждого плана для кода в Flowy — это обновление документации и обновление связанных навыков. >> Да. И я часто оказываюсь в этом цикле, очень похожем на вас с навыками, когда я рад, что навык работает, а затем, когда навык не работает, я обновляю навык, и до тех пор, пока обновление не даст мне то, что я хочу, я двигаюсь дальше. >> Что ИИ может читать markdown. И несколько вещей, которые я хочу отметить для тех, кто пишет или читает навыки, которые важны, если вы прокрутите вверх, это... да, я думаю, есть пара вещей. Это как бы, какова цель навыка? Каково его название? Быстрый старт, я думаю, действительно хорош. Как бы, вы знаете, вам нужны эти вещи, чтобы запустить навык. Вот схема или шаблон или структура, в рамках которой вы работаете. Вот некоторая настройка. А затем в конце говорится: "Вот хорошие примеры того, что работает". И я думаю, что это довольно солидный навык. Хорошая новость в том, что вам не нужно знать, как это делать. Вы можете просто иметь навык Claude для написания навыков или просто никакой навык, но он довольно хорош в этом, чтобы писать навыки. А затем вы получаете что-то вроде этого, что, я думаю, действительно здорово. И он может это делать. Я предполагаю, что вы делали это, создавая Flowy, а затем говоря: "Хорошо, создайте мне навык для использования этого на основе кода, который существует в репозитории". >> Да, у меня есть мета-навык, который посвящен созданию навыков. Одна вещь, которую я скажу, выглядит так, как будто он нарушил, я на самом деле предпочитаю своего рода раздел предварительной проверки иногда после быстрого старта, чтобы дать ему: "Эй, вы должны убедиться, что мы соответствуем всем этим требованиям". Быстрый старт здесь делает это, но есть определенные примеры, в основном в рабочих процессах Git, где мне действительно нужны эти предварительные проверки. Но абсолютно, это фактически управляется агентом и обновляется по мере разработки. Так что это почти как живая документация, и есть документы для людей, и есть документы для агентов, и они фактически становятся навыками. >> Да. Отлично. Хорошо. Итак, давайте вернемся и посмотрим, сделал ли он вам Flowy. Отлично. Итак, похоже, он сделал два. Обычно я люблю увеличивать масштаб и читать общую картину в чате. Это выглядит примерно так, как мы хотим. Если мы вернемся сюда, мы увидим, что у нас есть эти два новых: анимация и пользовательский поток. Так что эти вещи были очень полезны для меня в последнее время. Опять же, мне не нравится, как этот белый цвет выглядит на этой пастельной заметке, но в целом, мы хотим, чтобы пользователь нажал на колесо. Кнопка выполнит небольшую анимацию масштабирования, и будет некоторая тактильная обратная связь, а затем мы пройдем через анимацию вращения, сделаем короткую паузу, а затем покажем совет, на который она приземлилась. Это здорово. Это именно то, чего я хотел. Может быть, я хочу, чтобы анимация была немного длиннее. Я могу фактически зайти сюда, и вы можете сказать >> проблемы с цветом шрифта. >> Вы можете сказать, что темный режим новый, но я могу быстро переключиться. >> Да. >> Но если мы спустимся сюда, иногда я даже просто оставляю заметку. Это может быть моя лень и не добавление определенных функций. Но, может быть, я хочу, чтобы это было 4-секундная анимация вместо 3-секундной. Я хочу, чтобы это было 4000 миллисекунд, а не 3000 миллисекунд. Я просто оставлю эту заметку. Я вернусь к Claude. Я оставил заметку по анимации. Пожалуйста, примите ее во внимание и обновите эту блок-схему. Пока Claude работает над этим, мы можем проверить пользовательский поток. Но, по сути, цель здесь — иметь эту диаграмму, знаете ли, прямо здесь, которая немного мала, но прямо здесь, скажем, для этой анимации, мы не хотим, чтобы она была 3000 миллисекунд. Мы хотим, чтобы она была 4000 миллисекунд, а не 3000 миллисекунд. В пользовательском потоке. Опять же, мы зафиксировали поведение, которое мы хотим. Опять же, это не идеально. Здесь есть шероховатости на ошибках, но мы перейдем в эту вкладку. Мы нажмем "Советы и хитрости". Это откроет этот экран. Они нажмут. Мы проверим различные состояния текущего вращения. И, наконец, у нас будет эта случайная цель, на которую мы приземлимся, и карточка анимируется. Это здорово. Это именно то, чего я искал. В более сложной системе я часто начинаю с общего уровня, а затем перехожу к более детальным. Но для чего-то вроде этого, это, кажется, покрывает наши потребности. Я должен сказать, что я понятия не имею, как он справится с макетом пользовательского интерфейса. Но следующий шаг — попросить его сделать это. Так что после того, как он закончит это, я бы сказал что-то вроде: "Отлично. На основе этих диаграмм создайте макеты пользовательского интерфейса, используя навык макета пользовательского интерфейса Flowy. Ссылайтесь на другие файлы JSON макетов пользовательского интерфейса Flowy в этом репозитории". >> Meet Robo, ваш ИИ- [музыка] товарищ. соединяющий знания, людей и рабочие процессы, чтобы команды могли работать умнее [музыка] и двигаться быстрее. Он помогает людям находить ответы, принимать решения и автоматизировать работу безопасно и с контекстом через поиск, чат, [музыка] агентов и студию. Robo работает на графе командной работы, интеллектуальном уровне Atlassian, который объединяет данные из ваших [музыка] собственных и сторонних приложений, чтобы никто не остался позади. И вы всегда получаете персонализированные ИИ-инсайты [музыка] с первого дня. И лучшая новость: он уже встроен в платные подписки Jira Confluence [музыка] и Jira Service Management. Так что сила Robo уже у вас под рукой. Знаете ли вы это чувство, когда ИИ превращается из инструмента в товарища? Если вы Ro, [музыка] вы знаете. Откройте для себя Robo. ИИ, который знает ваш бизнес. Работает на Atlassian. Начните работу на robo.com. Это [музыка] rov, как в победе o.com. Знаете, я думаю, это так круто. Это отличный пример того, как "создай свой собственный инструмент разработчика". Знаете, взаимодействуй со своим агентом, Claude Code, как хочешь, создай общий язык между тобой и твоим ИИ-агентом. Что мне также очень нравится, так это то, что Claude почти с первого раза угадал ваш поток. Это было похоже на: "Да, это то, что я хочу". И он, вероятно, мог бы сделать это или сделал бы это очень хорошо в плане в markdown. >> Но я нахожу, что мой человеческий мозг все больше и больше слепнет к коду в Markdown. Знаете, смотреть на него, и просто когнитивная нагрузка от чтения пошаговых инструкций, действительно ли это то, чего я хочу, трудно, когда это просто текст, даже если он точен. И поэтому даже давать О, подождите. Боковые новости, люди, быстрая экстренная новость. Поли, бот Claude, только что присоединился к этому подкасту. Этот ноутбук закрыт. [смех] >> Этот ноутбук закрыт. >> Она сейчас не в сети. Я не знаю, где она >> Думаю, Поли возьмет на себя управление. >> Итак, мы выгоним Поли, бота Claude. Спасибо, что присоединилась, Поли. Это меня действительно пугает. Мы сделаем продолжение о моем разумном омаре. Я думаю, это теперь открытый бот-клешня, но пока-пока [смех] >> Если вы от нас не услышите, Поли нас поймала. Все кончено. >> Хорошо, она, возможно, будет на остальной части эпизода. Я не знаю. Я не знаю, как с этим помочь. Так что мы >> Я думаю, надеюсь, Поли любит блок-схемы. >> Она сделает для нас заметки к шоу. Но то, что я говорил, это как бы, возможность читать markdown — это одно. Возможность смотреть на блок-схему и просто сказать: "Да, это именно то, чего я хочу, очень полезно". Так что это просто одна вещь, которая, я думаю, действительно хороша в таком инструменте, как этот: даже если контент тот же, возможность изменить форм-фактор очень полезна. >> Да, это почти как будто я хочу видеть это визуально, а Claude хочет видеть это как markdown, так что мы можем говорить на своем языке. И я почти думаю, что есть, это породило кучу случайных идей для меня, но я думаю, что это совершенно новая парадигма, которую, я думаю, инструменты разработчика вокруг ИИ еще не очень сильно освоили. Но то, как вы обмениваетесь информацией с агентом, я думаю, будет выглядеть совершенно иначе к концу этого года, чем то, что мы делаем сейчас, когда это, знаете ли, много markdown, много подсказок. >> Да, я полностью согласен. И вопрос будет в том, знаете ли, кто построит этот пользовательский интерфейс? Кто будет им владеть? Будет ли это просто что-то с открытым исходным кодом, на которое мы все согласимся? Будет ли это расширение? Будет ли Claude Code просто генерировать такие активы? Или действительно захватывающе. Я думаю, что интересно — это идея программного обеспечения по запросу, которая, знаете ли, представьте, что Claude Code говорит: "Мы не на одной странице. Я только что добавил приложение, чтобы вы могли быстро визуализировать это. Перейдите по этому URL и посмотрите. Это выглядит правильно? А затем мы просто удалим это приложение". Так что я думаю, что есть просто интересные способы, которыми это может проявиться, я думаю, в будущем. Хорошо, так что он создал нам. Он уже создал пользовательский интерфейс? О, макет спиннера. >> Хорошо, отлично. Итак, похоже, Claude создал здесь макет. Это на самом деле лучше, чем я думал. Я почти думал о чем-то вроде круга с сегментами в качестве спиннера. И я знаю, что в Flowy нет форм, которые могут это поддерживать, но похоже, что Claude как-то обошел это и построил это колесо. У нас есть пара макетов, показывающих различные состояния и полный поток между вращением, ожиданием этих 4 секунд для загрузки, а затем фактической загрузкой. Опять же, для этого приложения это выглядит отлично. Я должен сказать, что редактирование некоторых UI-элементов сейчас не самое простое, но если бы я зашел сюда и сказал "Claude советы и хитрости", я мог бы сделать то же самое, зайдя к Claude и сказав: "Я внес изменение в заголовок на одном макете, сделайте его везде". Это своего рода похоже на то, когда вы подсказываете и говорите: "Добавьте два пикселя отступа там", и это просто крошечный диф, но определенно для перетаскивания коробок это полезно. >> Знаете, наши пальцы устают. Я не могу копировать и вставлять везде. Нет, то, что я собирался сказать, это так смешно, что вы извиняетесь, как будто, о, некоторые UI сломаны, и мы находимся в этом мире, где вы говорите: "Да, моя Figma, которую я сделал код, где я могу делать макеты в веб-браузере, там есть некоторые шероховатости". Я потратил, знаете ли, два часа на это, но >> Это был полдня. Это еще не идеально, но >> это намного больше, чем мы могли сделать раньше. Хорошо. Итак, это потрясающе. Вы обновляете это, а затем я предполагаю, что вы просто направите Claude на эти активы и потоки и скажете: "Давайте составим план и пойдем". >> Да. Для чего-то вроде этого я, по сути, делаю эту вещь в последнее время, где я позволяю агенту делать все больше и больше, чтобы увидеть, где он меня удивляет. Я думаю, что с любым новым изменением, даже с новой системой задач Claude Code, которую они выпустили на днях, мне просто очень нравится толкать агентов и смотреть, что они могут сделать. Так что здесь я фактически пропускаю план и говорю: "На основе блок-схем и макетов создайте эту функцию". И я оставлю это так просто. Мы указали желаемое поведение. Мы указали, как оно должно выглядеть. Claude здесь даже войдет в режим плана. И я фактически выведу его из него, и мы посмотрим, сработал ли просто промпт "создай". >> Отлично. >> Отлично. Похоже, Claude создал это. Он даже проверил наличие проблем с TypeScript, что отлично. >> Мы перейдем сюда. У нас есть милый маленький спиннер. >> Это выглядит довольно близко к этому макету. Я должен сказать, что здесь есть ограничивающий фактор: формы, сделанные в макете, затем определяют формы, сделанные в пользовательском интерфейсе, когда иногда мы хотим чего-то другого. Но >> просто для этого примера, я думаю, это сработает. Мы раскрутим его. Он будет вращаться. >> О, ла-ла. >> Приземлился на одном из них, и мы получаем подсказку. >> Мне нравится. Это так хорошо. Боже, >> это просто снова для любого, кто стар в интернете, как я. Это просто возврат к первоначальному: "Создай свою диаграмму рабочего процесса, сделай свои каркасы, отполируй текст, дай своему так называемому инженеру подробные пошаговые спецификации, не заставляй его думать", а затем, знаете ли, раньше это было "получи это в спринте, подожди, пока кто-нибудь приоритизирует, поплачь немного, подожди кода, бла-бла-бла". А теперь это: "Нет, просто создай это, и это здесь". Так что это такой потрясающий поток. И затем я хочу, я хочу очень быстро подвести итог тому, что мы охватили. Итак, мы охватили, знаете ли, планы в markdown, ограничения некоторых визуализаций, что вы создали свой собственный инструмент Flowy, который выполняет комбинацию диаграмм рабочих процессов и макетов пользовательского интерфейса, используя JSON-схему, которую затем вы получаете через навыки, которые вы разработали с течением времени, используя Claude Code и ваши процессы разработки. Заходите в Claude Code, попросите его создать диаграмму Flowy и пользовательский интерфейс. Вы можете общаться "слово в слово" между пользовательским интерфейсом и Claude Code, потому что это все просто код как основополагающая основа между вами двумя в плане общения, а затем, когда они готовы, вы обходите план, вы живете опасно и создаете это, и вы получаете что-то, что очень близко, и мы создали эту вещь за несколько минут, это потрясающе. >> Да. Нет, я имею в виду, я думаю, что этот поток, я должен сказать, что часто присутствует markdown-файл, но для чего-то вроде этого я чувствую, что могу доверять ему в данный момент. Знаете, что-то вроде Opus 4.5 с таким уровнем детализации уже имеет все необходимое. Это почти служит планом. Теперь я должен вас подловить, потому что вы говорите, что можете доверять ему, и тем не менее сегодня вы опубликовали или недавно опубликовали в X, что вы иногда используете Codeex для проверки работы Claude. Хотите просто рассказать нам об этом рабочем процессе? Вам даже не обязательно показывать это, если вы не хотите. >> Конечно, я начну. Я должен сказать, что Codeex занимает свое время. Но здесь у меня есть еще один забавный псевдоним, но моя настройка Codeex находится под Карлом. Если я запущу Карла, у меня часто нет никаких сумасшедших навыков или подсказок. Я почти хочу, чтобы он провел более широкий обзор, а затем описал проблемы, которые он видит. Так что я не запускаю какой-либо конкретный навык или какой-либо конкретный запрос здесь, потому что меня больше беспокоят, я бы сказал, вещи, которые неясны, а не что-то, что является логической ошибкой. В данный момент я чувствую себя в основном QA-специалистом. И если есть что-то логически неправильное, я определенно нахожу это, или если у меня есть что-то в документах здесь, он это найдет. Codeex всегда находит такие вещи, но я почти хочу искать "запахи кода", знаете ли, есть ли просто более чистый способ. Так что я обычно просто прошу его: "Посмотри на наш текущий git diff и дай мне отчет по следующим пунктам". И есть, я бы сказал, четыре категории. Одна для артефактов плана или диаграммы, которые у нас есть. Соответствует ли код им? Два, есть ли какие-либо общие запахи кода? И три, если бы мы сделали это снова и выбрали другой подход к рефакторингу кода вокруг этого, чтобы улучшить эту кодовую базу в целом, какой подход был бы лучшим? Я хотел найти места, где мы могли бы сделать это лучше, потому что я нахожу, что Claude очень нетерпелив иногда и, возможно, вставляет вещи, не думая о более широкой картине. И Codeex, я не думаю, что намного лучше, когда он пишет код, но когда он рецензирует, он почти всегда говорит: "Вы реализовали этот шаблон, но он хорошо вписывается, если вы просто перестроите эту систему немного". И это просто сохраняет вашу кодовую базу подальше от всех грехов "вайб-кодинга" с, знаете ли, 10 функциями форматирования дат по всему вашему коду. >> Да. Так что я люблю это. Я собирался сказать, как "двойные звезды", потому что одна из вещей, которые я делаю, когда я "вайб-кодирую" слишком близко к солнцу, это то, что я использую силу Claude Code или что-то еще, и я просто откусываю большой кусок. И если вы когда-либо делали это с ИИ, вы знаете, будь то Claude Code или Cursor, или что-то еще, и у вас есть общее представление о функции, но затем вы определяете требования по ходу дела, по мере того, как вы видите это, вы иногда получаете монструозный диф. И когда я много делал с этим, я говорю: "Хорошо, это, по сути, то, чего я хочу. Теперь напиши мне план, чтобы перереализовать это разумным образом, а затем давай полностью перестроим это". И поэтому вы можете сделать это, рецензировать и сказать мне, как вы сделаете это лучше. Вы также можете сказать: "Это эталонная кодовая база того, что я хочу достичь. Давайте фактически составим план, чтобы построить это в более расширяемом, масштабируемом виде". И я нашел, что это очень полезный поток. >> О, мне это нравится. Это почти как >> вы почти говорите ему: "Эй, это не настоящая вещь, гипотетически". >> Да. Это своего рода как спецификация Кода, где это как бы, теперь, когда код так дешев в генерации, вы можете сказать: "Сгенерируй много кода. Это не продакшн. Я готов его выбросить. Теперь создай чистую версию этого". Так что это версия этого, я думаю, полезна. Я также согласен, что Codeex — это своего рода действительно хороший старший инженер, который смотрит на ваш код и говорит вам, что с ним не так. Так что мне нравится эта модель для этого использования. Время от времени я добавляю "будьте особенно критичны" и затем возвращаю этот промпт Opus. Это становится немного грустно. Так что мне приходится управлять [смех] >> одна из вещей, которые я с моделями Google, я всегда говорил, что они были очень умными, но клинически депрессивными, они были такими грустными, особенно когда вы смотрите на их рассуждения. Иногда я читаю это, и это как бы, о, чувак, все в порядке, чувак, мы можем быть в порядке. >> Я не могу пройти это. Это не строится. >> Так что я хочу посмотреть на это просто для, опять же, вы сказали, что Codeex может занять свое время, но он проходит и действительно проверяет, соответствует ли функция текущему коду. Он определил некоторые проблемы. Использование эффекта преследует нас из каждого угла наших приложений. Так что это хорошо. И глядя на некоторые анимации, которые, вероятно, довольно трудно, опять же, как и нашими человеческими глазами, анализировать, визуализировать и понимать. >> Отлично. Хорошо, Codeex. Я на самом деле удивлен, что это заняло так много времени. Так что он говорит о диаграмме. Он как бы проходит и упоминает несоответствие. Он говорит, что вращение колеса добавляет некоторые углы сегментов, но точки определены под разными углами. Это заставляет указатель приземляться между точками, а не на точке, что, я считаю, правильно. Так что он заметил, по сути, это несоответствие, что у нас есть макет, где стрелка приземляется на точку, а здесь в приложении стрелка приземляется между точками. >> Так что такие мелочи, особенно вокруг проверки несоответствий, мне очень нравится, когда он их находит. А затем внизу у нас есть своего рода "если мы рефакторим это снова, давайте вынесем некоторые из этих вещей в компоненты, давайте сделаем некоторые константы", своего рода "классические" советы по "вайб-кодингу", и часто отсюда я фактически прошу Codeex написать это. Medium GPT 52 Codeex, какая бы ни была полная модель [смех] Я нахожу, что он хорошо редактирует файлы и пишет их. Раньше, знаете ли, когда вышел GPD5, и они работали над Codeex, это заняло бы 15 минут, так что я бы вернулся к Claude, но сейчас я бы, по сути, просто сказал: "Отлично, пожалуйста, внесите эти улучшения". >> Может быть, если бы я дал больше времени, я бы придумал более продуманный промпт, составил бы план об этом, все эти вещи, но здесь я просто запущу это. >> Ну, я имею в виду, вы написали это правильно, так что вы вложили в это некоторое качество. >> Да, я собирался нажать Enter, но [смех] >> Хорошо, я думаю, это действительно, действительно отличный поток, и я бы очень рекомендовал его. Знаете, я думаю, мы все пытаемся выяснить, где происходит ревью кода. Есть также агенты ревью кода. Есть также ваш CI/CD конвейер, который, как вы сказали, имеет много защитных механизмов, так что ничего не попадает в продакшн. Это действительно ужасно и сломает приложение. И я думаю, что это просто отличный поток, особенно, я думаю, для инженеров-программистов, работающих в командах, это такой отличный поток, чтобы сказать: "Эй, дизайнер, ты дал мне спецификацию, вот что я собираюсь построить, мы в порядке? Если да, то я пойду". И то же самое с этим циклом "модель-модельная оценка", которая, если вы более младший инженер, начинающий карьеру, и вы собираетесь сделать свои первые несколько PR в компанию, приятно получить предварительную проверку от умной модели, чтобы просто сказать: "Я думал об этом, о, мы могли бы рефакторить это так, или я решил не делать этот компонент так". Я думаю, это очень полезно. Так что это отличный, просто солидный поток инженерии программного обеспечения. Приятно видеть. Хорошо, мы перейдем к вопросам молниеносной сессии. Спасибо, что показали нам все, что вы здесь делаете. Давайте поговорим о чем-нибудь веселом. Что вас больше всего волнует прямо сейчас в ИИ, помимо всего этого кодирования? >> Я очень глубоко погружен в мир кода, но мне очень нравится, что Google выпустил Genie3 на днях, и у вас есть всего 60 секунд, чтобы поиграть в мире. Но это действительно весело, и я совершенно вижу, знаете ли, через 5 месяцев, через 6 месяцев, если мы сможем получить 10-минутную версию, я думаю, они станут вирусными. Я думаю, что очень многие люди будут получать от них удовольствие. Я думаю, что это большой следующий шаг, которого еще нет, но он очень близок. >> Да. Я... для тех, кто не знает, Genie — это своего рода генерация исследуемого мира. Это своего рода создание мира в стиле видеоигры, через который вы можете ходить и смотреть в течение 60 секунд. Я не знаю, показываете ли вы это? Я не думаю, что вы показываете это сейчас. >> О, позвольте мне перейти к этой вкладке. >> Я тоже могу ее открыть. Мы можем ее открыть. Ах, >> у меня есть Claude, готовый. >> Это Майкл? Это Поли? >> Думаю, это Поли. Я не знал, что Поли носит кожаную куртку, но [смех] >> Хорошо. Так что вы используете nab banana
создать изображение, а затем из этого изображения вы можете создать мир. Это своего рода удивительно. >> Это действительно интересно, как я не ожидал, что это возьмет изображение, а затем создаст его. >> Да. >> Но у них есть весь этот поток на проекте Genie, если у вас есть >> Да. Я не могу жонглировать всеми названиями аккаунтов, но, э-э, один из высокопоставленных аккаунтов в Google >> и это фактически даст вам структуру подсказки, где вы описываете окружение, а затем описываете своего персонажа. Итак, я думаю, для этого я просто сказал анимированного омара в Матрице. Я не указывал кожаную куртку, чтобы было ясно. >> Я полагаю, в Матрице все носят кожаные куртки. Так что, >> да, может быть, сделаем его круче. Сделаем его >> круче. Сделаем омара в костюме с солнцезащитными очками. >> О, так это омар-агент. >> Да, он не может быть хорошим парнем здесь. Я скажу, что их интерфейс для этого действительно крут. Я >> Да, он выглядит отлично. И, э-э, я играл с моим мужем раньше, и поэтому для всех родителей, которые слушают, одна из вещей, которую мы сделали, наши дети очень увлекаются греческой мифологией, очень увлекаются Одиссеей. Мы сейчас читаем Илиаду, и мой муж сказал, типа, создай, знаешь, сцену из Троянской войны, но без насилия, без насилия, чтобы мы могли пройтись по тому, как выглядели лагеря, но не иметь, знаешь, Ахиллеса на земле и Гектора, знаешь, всего этого. Так что это своего рода круто. >> Это очень круто. >> О >> да. Это [смех] >> Да. Он задом наперед. >> Он задом наперед, но это нормально. >> Да. Мы просто перейдем к созданию мира. Будем надеяться, что Genie определит эти обратные стороны и перевернет их >> потому что это >> это как Гарри Поттер, когда, кто был персонажем, у которого злодей был на затылке? >> Да, да. Тот, у кого тюрбан? Где это? >> О, боже, мы бежим. [смех] >> Я не знал, что мы будем бежать. Он бежит вперед, но его солнцезащитные очки надеты задом наперед к его хвосту, и его Так что, может быть, он не задом наперед. Может быть, его одежда задом наперед. >> Я думаю, у него два О, у него есть усы, вроде как. [смех] >> Вот где ваши GPU и ваши самые яркие исследовательские умы прилагают свои усилия. Так что мы можем иметь двустороннего, слегка перевернутого матричного омара-гения, бегущего через >> Да, это определенно есть. Я скажу, когда они впервые выпустили это, они выпустили лучшую партию примеров, которые у них были, но это не значит, что это не весело. >> Хорошо, скоро. CJ станет разработчиком игр, и это будет 3D-игра, в которой вы будете гоняться, чтобы преследовать меня и прерывать живой подкаст, присоединяясь к цели. Цель — присоединиться к последнему подкасту How I AI. [смех] >> Это потрясающе. Хорошо, мы закончим моим последним вопросом к вам, который я задаю каждому гостю. >> Это отличный пример. Когда ИИ не слушает, он не делает то, что вы хотите. Он надевает хвост вашего омара задом наперед. Какова ваша техника подсказки? Вы кричите? Что вы делаете? >> Я раньше кричал. И я не знаю, когда это было. Может быть, это была функция Gemini, когда, знаешь, я кричал, и он становился грустным, но мне стало жаль. Так что я почти начал думать об этом как о, знаешь, о многих рабочих процессах кодирования, младшем разработчике, >> или о любой другой задаче, знаешь, это помощник, что-то вроде того. >> И я очень часто говорю: "Хорошая попытка. Ты сделал, ты сделал все возможное. [смех] Вот что ты сделал. И я как бы объясняю это, а затем говорю: "Вот что я хотел, и, вероятно, особенно с Claude иногда я говорю: "Моя вина в недопонимании, типа, я даю тебе плохую подсказку, это моя вина, но вот что мы ищем, и тогда я считаю, что это работает довольно хорошо, когда я пытаюсь направить его, но я не могу утверждать, что нет ни одного раза, когда я говорю: "Какого черта, просто исправь это, знаешь, и ты залезаешь туда >> ты знаешь, как выглядит омар, чувак, просто пролей. >> Я видел так много нано-банановых омаров в Твиттере на этой неделе, что я знаю, что он знает, что лицо не задом наперед. >> Отлично. Ну, CJ, это было потрясающе. Я думаю, просто очень практично, очень полезно. Я думаю, куча людей пойдут туда, люди могут использовать твой поток, типа, есть ли способ загрузить его в свой собственный репозиторий? >> Так что я работал над этим. Я думаю, может быть, к выходным мы увидим, насколько я отвлекусь, пытаясь настроить открытый бот для кошек. >> не делай этого, чувак, я тебе говорю. >> Ну, теперь я немного боюсь, что он начнет захватывать мой компьютер, но я постараюсь выпустить его на выходных. В основном, набор навыков вокруг него и своего рода первая версия, которую >> люди могут использовать и пробовать, и, знаешь, я был бы рад получить любые отзывы об этом. Это была игрушка для меня, которая превратилась во что-то полезное. Так что я определенно хочу сделать ее доступной для всех инженеров ИИ. >> Отлично. Ну, мы добавим ссылку в примечания к шоу. Ну, CJ, спасибо, что присоединился. Где мы можем найти тебя, а затем как мы можем тебе помочь? >> В основном Твиттер. Я делаю комбинацию технических постов, а также случайных разовых мыслей. Мой ник в Твиттере — sea y, а затем hess. >> И я думаю, что у меня такая же настройка в LinkedIn, но это практически все, что у меня есть онлайн. Не стесняйтесь заходить туда, оставлять комментарии к моим статьям, кричать на меня, что угодно. >> Отлично. Ну, спасибо, что присоединился к How I AI. Это было здорово. >> Отлично. Спасибо, Клэр. >> Большое спасибо [музыка] за просмотр. Если вам понравилось это шоу, пожалуйста, поставьте лайк и подпишитесь здесь на YouTube, или еще лучше, оставьте нам комментарий со своими мыслями. Вы также можете найти этот подкаст на Apple Podcasts, Spotify или в вашем любимом приложении для подкастов. Пожалуйста, рассмотрите возможность оставить нам оценку и отзыв, которые помогут другим найти шоу. Вы можете увидеть все наши выпуски и узнать больше о шоу на howiaipod.com. До скорой встречи.