Как создать рабочий процесс, позволяющий ИИ обрабатывать более 90% вашего фронтенд-кода | Си Джей... скачать в хорошем качестве

Как создать рабочий процесс, позволяющий ИИ обрабатывать более 90% вашего фронтенд-кода | Си Джей...

Си Джей Хесс — инженер-программист в компании Tenex, создавший одни из самых полезных инструментов и рабочих процессов для «настоящего инженера по искусственному интеллекту». В этом эпизоде ​​Си Джей демонстрирует свой собственный инструмент Flowy, который преобразует ASCII-диаграммы Клода в интерактивные визуальные макеты и блок-схемы. Он также делится своим процессом использования сравнения моделей для обеспечения высокого качества сгенерированного ИИ кода и объясняет, почему, по его мнению, мы находимся только в начале революции в том, как разработчики взаимодействуют с ИИ. Что вы узнаете: 1. Как Си Джей создал Flowy, пользовательский инструмент визуального планирования, который преобразует файлы JSON в интерактивные макеты и блок-схемы 2. Почему инструменты визуального планирования более эффективны, чем ASCII-диаграммы, для сложных рабочих процессов пользовательского интерфейса и анимации 3. Как создавать и использовать навыки Claude Code для расширения вашей среды разработки 4. Использование сравнения моделей (Claude + Codex) для повышения качества кода 5. Как создать собственную экосистему инструментов на основе Claude Code 6. Ценность обхода разрешений в контролируемых средах для ускорения разработки Представлено: Orkes — корпоративная платформа для надежных приложений и агентных рабочих процессов: https://www.orkes.io/ Rovo — ИИ, который знает ваш бизнес: https://rovo.com/ Подробные пошаговые инструкции по рабочим процессам из этого эпизода: • Как я использую ИИ: Си Джей Хесс о создании пользовательских инструментов разработки и сравнении моделей кода: https://www.chatprd.ai/how-i-ai/cj-he... • Внедрение анализа кода с помощью ИИ для контроля качества: https://www.chatprd.ai/how-i-ai/workf... • Разработка функций с помощью ИИ с использованием пользовательских инструментов визуального планирования: https://www.chatprd.ai/how-i-ai/workf... В этом эпизоде ​​мы рассмотрим: (00:00) Введение в CJ Hess (02:48) Почему CJ предпочитает Claude Code для разработки (04:46) Эволюция сред разработки с ИИ (06:50) Рабочие процессы планирования и их ограничения Диаграммы ASCII (08:23) Введение в Flowy, пользовательский инструмент визуализации от CJ (11:54) Сравнение Flowy с диаграммами русалок (15:25) Демонстрация: Использование Flowy (19:30) Изучение структуры навыков Flowy (23:27) Обзор сгенерированных блок-схем и диаграмм (28:34) Когнитивные преимущества визуального планирования по сравнению с текстовым планированием (31:38) Создание макетов пользовательского интерфейса с помощью Flowy (33:30) Создание функции непосредственно из блок-схем и макетов (35:40) Краткий обзор (36:51) Использование проверки моделей с помощью Codex (Carl) (41:52) Преимущества использования ИИ для проверки кода (45:13) Блиц-опрос и заключительные мысли Упомянутые инструменты: • Claude Code: https://claude.ai/code • Claude Opus 4.5: https://www.anthropic.com/news/claude... • Cursor: https://cursor.sh/ • Obsidian: https://obsidian.md/ • Кодекс GPT-5.2: https://openai.com/index/introducing-... • Проект Genie от Google: https://labs.google/projectgenie Другие ссылки: • Диаграммы Mermaid: https://mermaid.js.org/ • Figma: https://www.figma.com/ • Excalidraw: https://excalidraw.com/ • TypeScript: https://www.typescriptlang.org/ Где найти CJ Hess: LinkedIn:   / cj-hess-connexwork   X: https://x.com/seejayhess Где найти Клэр Во: ChatPRD: https://www.chatprd.ai/ Веб-сайт: https://clairevo.com/ LinkedIn:   / clairevo   X: https://x.com/clairevo Производство и маркетинг: https://penname.co/. По вопросам спонсорства подкаста обращайтесь по адресу jordan@penname.co.