Конспекты
Смарт-конспекты YouTube-видео — ключевые идеи и инсайты без необходимости смотреть часовые ролики
Загрузка...
Смарт-конспекты YouTube-видео — ключевые идеи и инсайты без необходимости смотреть часовые ролики
Узнайте, как использовать Codex Mac App для разработки AI-инструментов: от дизайн-систем для агентов до интеграции Gemini API.
Маркетинг-стратег, IT-предприниматель, ментор по вайбкодингу
10+ лет в маркетинге, 300+ клиентских проектов: сайты, реклама, боты. Создатель GoBanana (228K+ пользователей, 11.6 млн ₽ выручки) и VibeCoderz. Делаю AI-продукты сам через Claude Code, Cursor, Windsurf и консультирую тех, кто хочет так же.
Об авторе →Автоматизация продвижения в соцсетях и бот-фермы: Как работают AI-агенты для виральности и парсинга алгоритмов
Разбор работы бот-ферм: облачные Android-машины, AI-комментаторы на Gemini API, обход антифрода и технологии вирального маркетинга стартапа Double Speed.
React Native + AI: Пошаговый запуск мобильного SaaS с нуля до $1,000+ за 7 дней
Практический гайд соло-фаундера: валидация идей, голосовой вайбкодинг в Super Whisper, стек React Native + Expo + RevenueCat и первые $1,093 выручки.
AI Operating System (AIOS) на базе Codex и GPT-6: Создание персонального «второго мозга» и автономного бизнес-копилота
Пошаговый гид по созданию локальной AIOS: фреймворк 4C, маршрутизация в agents.md, навыки /audit и /grill-me, Karpathy LLM Wiki и интерактивный дашборд.
GPT-6 Astra и Images 2.0 в Codex: Полный пайплайн генерации интерактивных сайтов
Практический гид по созданию кинематографичных сайтов в Codex с помощью GPT-6 Astra и нативной генерации визуала Images 2.0: промпты, паттерн Quiet View и экономия лимитов.
Торговый AI-агент в Codex и Alpaca: Пошаговая настройка автономного трейдинга 24/7
Пошаговый гайд по созданию биржевого AI-агента в Codex с Alpaca API: 6 сессий торгового дня, решение проблемы stateless-памяти и алерты в ClickUp.
AI Rollup: Как создать One-Person HoldCo и масштабировать традиционный бизнес с помощью ИИ-агентов
Пошаговый гид по стратегии AI Rollup: как соло-фаундеру выкупать малый бизнес у пенсионеров и утраивать маржу за счет внедрения конвейера ИИ-агентов.
OpenAI Codex пришел на Windows: управление компьютером теперь доступно всем
Функция Computer Use от OpenAI официально вышла на Windows. Теперь Codex может «видеть» экран и выполнять действия в системе, а управлять процессом можно даже со смартфона.
KodaCode внедрил Gemini 3.5 Flash: новая модель Google рвет бенчмарки для агентов
Спустя всего два дня после анонса на Google I/O, Gemini 3.5 Flash стала доступна в KodaCode. Модель показывает впечатляющие результаты в агентных задачах, обходя Gemini 3.1 Pro.
KodaCode обновил стек: Gemini 3.5 Flash и Claude Opus 4.7 уже в строю
Популярный AI-редактор KodaCode интегрировал новейшие модели от Google и Anthropic. Разбираемся, как связка Gemini 3.5 Flash и Claude 4.7 изменит вайбкодинг.
Claude Code vs GitHub Copilot 2026: когда использовать каждый
Claude Code и GitHub Copilot в 2026 году уже не просто автокомплиторы: один работает как автономный терминальный агент, а второй интегрирован в IDE и предлагает код в реальном времени. В статье сравниваются их возможности, цены и лучшие сценарии использования.
Claude Code Terminal и CLI 2026: запуск, команды и отличие от IDE
Claude Code CLI – это терминальный агент, который читает ваш проект, вносит правки и запускает команды автоматически, без копирования кода в чат. Он отличается от IDE‑плагинов тем, что полностью интегрируется в командную строку и управляется флагами.
Полный гайд по OpenAI Codex 2026 — суперприложение для вайбкодинга
Codex 2026 позволяет писать, запускать и управлять кодом, браузером и документами в одном окне, превращая любой проект в автоматизированное приложение без лишнего переключения.
🎯 О чём этот конспект: Пошаговое руководство по использованию десктопного приложения Codex для Mac OS (от создателей одноименной AI-модели). В видео демонстрируется полный цикл разработки SaaS-продукта: от брейншторминга в ChatGPT до генерации дизайн-системы, настройки правил для AI-агента и создания работающего приложения для генерации YouTube-превью и заголовков.
👤 Кому будет полезно: Вайбкодерам, разработчикам, использующим AI-агентов, и создателям контента, желающим автоматизировать рутинные задачи по оформлению видео.
✨ Что получите: Вы научитесь правильно структурировать проект для AI-агента, создавать «дизайн-систему для машин», ограничивать контекст для повышения точности кода и использовать мультимодальные возможности Codex для создания UI по скриншотам.
Контекст: Автор утверждает, что модель Codex (как и большинство кодинг-моделей) не оптимизирована для написания подробных спецификаций продукта. Чтобы избежать технического долга и путаницы на старте, лучше сначала использовать ChatGPT для проработки логики и функционала без привязки к коду. Это позволяет «отполировать» идею до того, как агент начнет тратить токены на написание файлов.
Выгода: Экономия времени на переписывании кода из-за нечетких требований и получение структурированного Product Spec.
Как применить:
Промпт для планирования:
Я хочу создать YouTube Co-pilot. Главная фича: генератор превью, где я загружаю свое фото, а AI генерирует мое лицо с разными эмоциями (уверенный, улыбающийся, скептичный). Также нужен генератор техно-фонов и улучшайзер заголовков (даю название — получаю 5 вариантов с рейтингом кликабельности). Не пиши технические детали, составь только Product Specification.Результат: Готовый текстовый файл со списком фич, который станет «библией» для AI-агента.
Контекст: Для того чтобы приложение выглядело профессионально и консистентно, необходимо задать правила дизайна. Автор предлагает инновационный подход: создание двух версий дизайн-системы. Одна (HTML/CSS) — для визуальной проверки человеком, вторая (JSON-токены) — оптимизированная для чтения AI-агентом. Агент лучше понимает структуру данных в JSON, чем в громоздком коде стилей.
Выгода: Единый визуальный стиль (YouTube-style) и безошибочное использование цветов и отступов нейросетью.
Как применить:
Промпт для Codex:
Инициализируй Git репозиторий. Создай дизайн-систему на основе этого скриншота, но используй красный цвет в стиле YouTube.
1. Создай папку для человека с превью компонентов (HTML).
2. Создай папку 'agent' с токенами (colors, spacing, fonts) в формате JSON, который лучше всего подходит для AI-агентов.
Если есть вопросы перед началом — спрашивай.Результат: Набор JSON-файлов с константами дизайна, которые агент будет использовать при написании каждого нового компонента.
Контекст: Исследования показывают, что перегрузка файла agents.md или instructions.md лишней информацией снижает успех выполнения задач на 20%. Автор предлагает модульную структуру: вместо одного огромного файла инструкций использовать систему ссылок. Это позволяет агенту обращаться к нужным правилам только тогда, когда это необходимо.
Выгода: Снижение стоимости инференса, повышение точности кода и отсутствие «галлюцинаций» в архитектуре.
Как применить:
docs/ с файлами product.md, architecture.md, testing.md.agents.md, который будет служить «картой» и определять запрещенные действия (Anti-behavior).Пример содержания agents.md:
---
## Rules
- Reference /docs/product.md for feature scope.
- Follow /docs/testing.md: every bug fix MUST include a regression test.
- Design tokens are in /agent/tokens.json.
---
## Anti-behavior (What NOT to do)
- DO NOT open files irrelevant to the current task.
- DO NOT load all docs into context at once.
- NEVER delete or relax tests to make them pass.Результат: Агент работает в четких рамках, автоматически пишет тесты для критических фич и не ломает существующую архитектуру.
Контекст: При разработке через Codex можно использовать «Plan Mode» (обсуждение перед кодингом) и «Review» (проверка диффов). В примере автор интегрирует Gemini API для генерации изображений. Важный инсайт: если агент выдает странные результаты (например, геометрические фигуры вместо лиц), это часто признак ошибки в API-ключе или использования fallback-рендерера.
Выгода: Работающее приложение с интеграцией современных LLM для обработки медиа.
Как применить:
Команда для агента:
Исправь UI: замени выбор эмоций с radio buttons на multi-select chips. Добавь поддержку Gemini 1.5 Flash для генерации лиц. Перед изменениями сделай git commit.Результат: Готовый инструмент, который по одной фотографии генерирует пачку превью с разными эмоциями и качественные техно-фоны.
В: Чем Codex Mac App лучше Cursor? О: Codex предлагает более глубокую интеграцию с системными инструментами, возможность запускать несколько агентов в разных терминалах одновременно и специфические режимы планирования. Однако автор использует их в связке: Codex для логики и агентов, Cursor как визуальный редактор.
В: Зачем создавать JSON-токены для дизайна, если есть CSS? О: AI-модели гораздо точнее парсят JSON-структуры. Когда вы просите агента «сделай кнопку в стиле бренда», он берет конкретный гексакод и значение padding из JSON, что исключает визуальный разнобой в разных частях приложения.
В: Как избежать того, что агент забывает задачи при отправке новых сообщений? О: Автор предупреждает: не отправляйте новые промпты, пока агент выполняет текущую задачу. Codex может переключиться на новое сообщение, пометить его как выполненное и «потерять» контекст предыдущей большой задачи.
В: Почему автор рекомендует не использовать фреймворки (типа React/Next.js) в начале? О: Для простых утилит чистый JS/HTML часто лучше для AI-агентов, так как уменьшается количество шаблонного кода (boilerplate) и зависимостей, в которых агент может запутаться. Но это применимо только для MVP.
В: Что делать, если контекстное окно переполнено? О: Создавайте новый тред (Thread). В Codex это позволяет начать с «чистого листа», сохранив при этом доступ к файлам проекта. Перед этим убедитесь, что все важные изменения закоммичены.
Конспект создан на основе видео «Codex Mac OS App Tutorial» канала Codex. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=d4Uxfu7v8ro