1. Сравнение Claude Code и Codex в разработке игр [0]

thumbnail Сравниваются возможности Claude Code и Codex в создании 3D-игры Subway Surfers, где обе модели столкнулись с трудностями, но Codex продемонстрировал более привлекательный пользовательский интерфейс.

1.1. Разработка игры Subway Surfers [0]

  1. Задача: Создать полноценную 3D-игру в стиле Subway Surfers с процедурно генерируемой трассой, тремя параллельными дорожками и заданным поведением персонажа. [14]
  2. Claude Code:
    • Завершил работу быстрее (15 минут), но создал упрощённую версию игры с кубическим персонажем и инвертированным управлением. [23]
    • Столкнулся с ошибками и вместо их исправления создал упрощённую версию. [37]
    • Попытался создать базовую версию персонажа без сложной анимации, но в итоге использовал 3D-геометрию из кубиков и шариков. [50]
    • В финальной версии персонаж мог прыгать и собирать монетки, но дизайн был ужасен, и не использовались эффекты постобработки. [90]
  3. Codex:
    • Потребовалось больше времени (40 минут) и возникли проблемы с интерфейсом, который появлялся на миллисекунду и пропадал. [23]
    • После исправления бага, Codex создал более симпатичный дизайн с эффектами, но анимации персонажа не применились, и он был в T-позе. [55]
    • Персонаж был создан из примитивов (кубиков и шариков), но игра была более привлекательной, с интерактивными барьерами (жёлтые кубики для проскальзывания, розовые для прыжка). [84]
    • Столкновения работали, и игра заканчивалась при контакте с препятствиями. [81]
  4. Сравнение результатов:
    • Claude Code создал работающий прототип, но с ужасным дизайном. [92]
    • Codex создал более привлекательную и симпатичную игру, несмотря на проблемы с анимацией и созданием персонажа из примитивов. [95]
    • Обе модели столкнулись с трудностями при загрузке модели персонажа в формате FBX, но Codex лучше справился с созданием привлекательного UI. [61]

2. Сравнение Claude Code и Codex в разработке веб-сайта [101]

thumbnail Сравнивается способность Claude Code и Codex создавать веб-сайт для студии записи подкастов по предоставленным референсам, где обе модели создали простые сайты, но Codex продемонстрировал более интересный UI.

2.1. Разработка сайта студии записи подкастов [101]

  1. Задача: Создать сайт из пяти блоков для студии записи подкастов, используя предоставленные изображения-референсы с акцентом на типографику, видео на главном экране, необычную сетку, круги и кнопки со скруглёнными углами. [104]
  2. Claude Code:
    • Создал сайт с большой типографикой, но несопоставимой с референсом. [119]
    • Использовал кругляшки из референса и создал три карточки с фотографиями в маске, но визуально они отличались от оригинала. [122]
    • Футер получился простым, но стильным. [128]
    • В целом, сайт получился достаточно простым и шаблонным, без использования эффектов постобработки. [151]
  3. Codex:
    • Создал более интересный результат, хотя главный блок был простым и шаблонным. [131]
    • Проработал задний фон главного блока и использовал кругляшки из референса. [134]
    • Блок с тремя карточками был проработан лучше, с указанием названий и описаний, в отличие от Claude Code. [144]
    • Футер имел интересные эффекты, а кнопка подписки была вписана в input. [148]
  4. Общие выводы по веб-сайту:
    • Обе нейросети создали простые и шаблонные сайты, так как не было предоставлено Figma-макетов. [151]
    • Для создания качественного визуального дизайна рекомендуется использовать Figma-макеты или максимально подробно описывать дизайн. [152]
    • Codex продемонстрировал более интересный UI и попытку разнообразить дизайн, в то время как Claude Code больше сосредоточился на функциональности. [368]

3. Сравнение Claude Code и Codex в разработке десктопного приложения [151]

thumbnail

3.1. Разработка десктопного видеоредактора [151]

  1. Задача: Разработать десктопное приложение для монтажа видео с использованием C++ и QT6/QML, включающее импорт видео/аудио, таймлайн, превью, обрезку, склейку, разделение клипов, переходы и обработку звука. [155]
  2. Первая попытка:
    • Обе нейросети завершили работу, и проекты удалось собрать с большим количеством ошибок. [165]
    • Codex: UI был неплохим, с кнопками и меню коррекции цвета, но импорт видео не работал. [170]
    • Claude Code: Дизайн был лучше, чем у Codex, но ошибка импорта была такой же. [181]
    • Обе модели справились с созданием интерфейса, но основной функционал видеоредактора (управление видео/аудио, экспорт) не был разработан. [238]
    • Обеим моделям была поставлена оценка "кол с плюсом из пяти". [239]
  3. Вторая попытка (с разделением задачи на Roadmap):
    • После создания Roadmap и выполнения задач по порядку, оба проекта отказались запускаться или собираться. [215]
    • Claude Code: Проект запускался, но имел проблемы со стилями и огромное количество ошибок, которые нейросеть не могла исправить. [217]
    • Codex: Проект запускался, но также имел проблемы со стилями и ошибки, аналогичные Claude Code. [225]
    • Несмотря на попытки исправить ошибки, нейросети входили в цикл и не могли решить проблему. [220]
  4. Общие выводы по видеоредактору:
    • Разработка десктопного приложения оказалась сложной задачей для обеих нейросетей, даже при разделении на подзадачи. [208]
    • Обе модели столкнулись с проблемами при сборке, запуске и исправлении ошибок, особенно связанных со стилями. [167]
    • Codex продемонстрировал лучший UI в первой попытке, в то время как Claude Code показал более функциональный, но менее привлекательный результат во второй попытке. [182]

4. Сравнение Claude Code и Codex во внедрении новой фичи в большой проект [259]

thumbnail

4.1. Внедрение страницы подтверждения заказа [259]

  1. Задача: Внедрить новую фичу в процесс оформления заказа на сайте доставки еды, добавив страницу подтверждения заказа перед отправкой на сервер. [259]
    • Требовалось добавить страницу с деталями заказа, условиями доставки и комментариями курьеру, чтобы пользователь нажимал "оформить заказ" только после подтверждения. [270]
    • Нейросетям был предоставлен доступ к фронтенду и бэкенду, а также дизайн страницы в виде скриншота. [260]
  2. Claude Code:
    • Завершил работу за 15 минут, создав работающий функционал без багов. [288]
    • Дизайн страницы оказался менее точным по сравнению с референсом: стрелка без подложки, контент в две колонки без белой подложки, неиспользованные существующие компоненты табов и текстовой области. [291]
    • Возникла проблема с некорректным отображением адреса (Краснодар, улица Петьки Васичкина) при отсутствии сохраненного адреса в профиле. [301]
    • Функционал сохранения адреса и комментария после перезагрузки страницы работал корректно. [316]
  3. Codex:
    • Столкнулся с небольшой ошибкой (бесконечный цикл), но быстро её исправил. [323]
    • Отлично справился с версткой контента, расположив его в две колонки с подложками и правильными закруглениями углов. [327]
    • Использовал стили из существующих инпутов для создания компонента текстовой области, что было оценено положительно. [329]
    • Корректно отобразил дату заказа (на послезавтра), в отличие от Claude Code, который ставил текущую дату. [332]
    • При отсутствии адреса в базе данных отображал placeholder, а не некорректный адрес. [338]
    • Функционал оформления заказа работал, но адрес не сохранялся в базе данных. [346]
  4. Итоговые результаты:
    • Обе нейросети справились с задачей, но Codex продемонстрировал лучший UI и более точное следование дизайну. [354]
    • Claude Code сделал полностью работающий функционал, но с недочетами в дизайне. [355]
    • Codex создал хороший UI и работающий функционал, с незначительной проблемой сохранения адреса. [359]

5. Общие выводы и сравнение моделей [362]

thumbnail
  1. Общая производительность: Обе нейросети показали хорошие результаты во всех тестах, кроме разработки десктопного приложения, где возникли значительные трудности. [362]
  2. Сильные стороны Claude Code:
    • Склонен делать упор на функциональность и работоспособность. [363]
    • Быстро разрабатывал работающие прототипы, как в случае с игрой Subway Surfers. [365]
  3. Сильные стороны Codex:
    • Демонстрирует способность создавать привлекательный UI и симпатичный дизайн. [363]
    • Лучше справляется с дизайном по скриншоту, пытаясь разнообразить UI и сделать его интереснее. [369]
    • Внедрил новую фичу с красивым UI и работающим функционалом, хотя и с мелкими недочетами. [375]
  4. Рекомендация: Автор видео, ранее являвшийся поклонником Claude, теперь склоняется к переходу на Codex из-за его преимуществ в UI и дизайне. [370]
  5. Заключение: Обе модели показали потенциал в сфере разработки, и Codex может составить конкуренцию Claude. [377]