Практические разборы l0_awareness

Codex с нуля: установка, настройка и первый проект | Урок 1

Первый урок серии «Вайбкодинг с нуля» для тех, кто раньше не работал с Codex. За один выпуск вы установите приложение, разберётесь в интерфейсе и настройках, создадите первый проект и проверите результат на реальном экране.

Видео по теме

Открыть видео на YouTube

Первый урок серии «Вайбкодинг с нуля» для тех, кто раньше не работал с Codex. За один выпуск вы установите приложение, разберётесь в интерфейсе и настройках, создадите первый проект и проверите результат на реальном экране.

Таймкоды

  • 00:00 Что создадим и как проверим результат
  • 03:36 Где скачать и как установить приложение
  • 08:16 Интерфейс и все основные настройки
  • 21:28 Что такое Codex и где он работает
  • 29:14 Авторизация: ChatGPT или API-ключ
  • 32:38 Безопасная папка и границы доступа
  • 40:55 Реальная разработка внутри Codex
  • 42:00 Запрос, который можно проверить
  • 43:20 AGENTS.md: постоянные правила проекта
  • 47:17 Skills: повторяемая проверка результата
  • 51:10 MCP: подключение внешнего инструмента
  • 55:42 Plugins, worktrees и облачные задачи
  • 59:13 Полный путь от реализации до приёмки
  • 1:01:55 Ошибка, граничный случай и исправление
  • 1:05:52 Тесты и финальная проверка
  • 1:10:11 Повтор результата и доказательства
  • 1:15:11 Честные ограничения Codex
  • 1:15:57 План первого самостоятельного проекта
  • 1:17:52 Финальная приёмка по шести этапам
  • 1:19:58 Что делать после курса

Источники выпуска

Исходники проекта из выпуска

Это тот же воспроизводимый проект, который собирается и тестируется в видео.

  • package.json — Commands and MCP dependencies
  • index.html — Visible task board
  • styles.css — Readable responsive interface
  • src/tasks.mjs — Testable task rules
  • app.js — Browser integration and visible result
  • tests/tasks.test.mjs — Success and edge tests
  • AGENTS.md — Project-level Codex instructions
  • .agents/skills/check-task-app/SKILL.md — Reusable verification procedure
  • tasks.json — Synthetic read-only MCP data
  • mcp-server.mjs — Read-only MCP integration
  • scripts/check-mcp.mjs — Observable read-only MCP verification
  • README.md — Beginner run instructions

Команды запуска и проверки

npm test
npm test
npm run build
npm run mcp:check

Скачать проект ZIP

Практический материал из выпуска

Артефакт: A tested browser task board with AGENTS.md, a reusable Skill and a read-only MCP server.

Что должно получиться: Runnable project ZIP, AGENTS.md template, Skill and MCP config example.

Видимый результат: The task board passes tests, handles the empty-input edge case and reads synthetic task data through MCP.

Вход для демо: A beginner request for a Russian task board with no framework.

Выход демо: Responsive task board, eight passing tests, repeatable Skill check and read-only MCP response.

Проверка результата: Run npm test, complete the add/toggle/filter browser flow, call the read-only MCP tool and compare tasks.json before and after.

Как собрать

  1. install and open a scoped project
  2. build and test the task board
  3. add AGENTS.md and rerun
  4. run the verification Skill
  5. connect and call read-only MCP
  6. repeat final validation

Шаблон: approval gate и журнал решений

Используйте этот фрагмент как минимальную политику для действий, которые видит клиент или которые меняют учетную систему.

approval_rule: if action.external_visible == true or action.crm_write == true -> require_human_approval
decision_log: request_id, source_data, ai_recommendation, human_edit, final_action, rejection_reason

Чеклист перед пилотом

  • eight tests pass
  • task add/toggle/filter works
  • blank input rejected
  • MCP does not modify tasks.json

Требования и рекомендации

Требования

  • Node.js
  • npm
  • Codex access
  • isolated recording profiles

Рекомендации

  • start with a scoped folder
  • ask for a plan
  • verify diff and tests
  • add AGENTS.md before automation

Суть темы

Первый урок серии «Вайбкодинг с нуля» для тех, кто раньше не работал с Codex. За один выпуск вы установите приложение, разберётесь в интерфейсе и настройках, создадите первый проект и проверите результат на реальном экране.

Что важно забрать

  • Повторить учебный проект и перейти к следующему уроку серии.
  • Установить Codex и пройти один реальный проект от запроса до проверенного результата.
  • Every concept is demonstrated on one tested project.
  • Beat feature-tour courses by visible end-to-end proof and beginner clarity.

Как применять на практике

Используйте материал как отправную точку: сформулируйте задачу, ограничьте область применения, выберите метрику качества и проверьте результат на небольшом сценарии до внедрения в production.

Практические шаги

  1. install and open a scoped project
  2. build and test the task board
  3. add AGENTS.md and rerun
  4. run the verification Skill
  5. connect and call read-only MCP
  6. repeat final validation

Рекомендации

  • start with a scoped folder
  • ask for a plan
  • verify diff and tests
  • add AGENTS.md before automation

Требования и ограничения

  • Node.js
  • npm
  • Codex access
  • isolated recording profiles

Примеры

  • task board
  • empty input rejection
  • read-only MCP

Антипримеры

  • opening the home folder
  • hiding an API limit
  • calling narration proof

Как проверить готовность

  • eight tests pass
  • task add/toggle/filter works
  • blank input rejected
  • MCP does not modify tasks.json

Навигация по выпуску

  • 00:00 Что создадим и как проверим результат
  • 03:36 Где скачать и как установить приложение
  • 08:16 Интерфейс и все основные настройки
  • 21:28 Что такое Codex и где он работает
  • 29:14 Авторизация: ChatGPT или API-ключ
  • 32:38 Безопасная папка и границы доступа
  • 40:55 Реальная разработка внутри Codex
  • 42:00 Запрос, который можно проверить
  • 43:20 AGENTS.md: постоянные правила проекта
  • 47:17 Skills: повторяемая проверка результата
  • 51:10 MCP: подключение внешнего инструмента
  • 55:42 Plugins, worktrees и облачные задачи
  • 59:13 Полный путь от реализации до приёмки
  • 1:01:55 Ошибка, граничный случай и исправление
  • 1:05:52 Тесты и финальная проверка
  • 1:10:11 Повтор результата и доказательства
  • 1:15:11 Честные ограничения Codex
  • 1:15:57 План первого самостоятельного проекта
  • 1:17:52 Финальная приёмка по шести этапам
  • 1:19:58 Что делать после курса