Личный опыт с разработкой лендинга: Codex vs Claude Design
Те кто следят за моим каналом, могли видеть, что я тестировал разработку лендинга для Мира Штакетника через Claude Design. Я тогда говорил, что инструмент мощный, в сумме потратил 5 часов созвонов с дизайнером и получил почти готовый макет. Но есть проблема: мне забанили аккаунт Claude.
А значит у меня нет доступа к актуалной версии, драфтам и дизайн системе, которую создала для меня Anthropic.
⚠️ Где Claude Design разваливается
Вот выгрузка артефакта — настоящая боль. Я успел скачать сырой html, где всё запаковано в base64.
Что было в моём файле:
🔸 4,4 МБ в 190 строк — пара гигантских строк, читать невозможно
🔸 15 ресурсов внутри base64: 10 JPEG, 1 PNG, 4 TTF
🔸 39 869 символов CSS свалены в один кусок, ~343 правила без модулей
🔸 Шаблон, навигация, карточки, формы — в одной куче
Передать такое верстальщику нельзя. Это просмотрщик страницы.
👨💻 Codex спешит на помощь
И тут я подумал, что почему бы не проверить, насколько хорошо продукт OpenAI справится с моей задачей.
Вот что у меня было:
• три записи разговоров с дизайнером в Granola.
• исходники в Figma
• монструзный html файл из Claude Design, который я додумался экспортировать после первого зума с дизайнером.
Попросил изучить и предложить правки: Codex сразу разбил файл на компоненты и начал делать продуктовый лендинг
Потом вспомнил, что и у Granola и у Figma в кодексе есть плагины, которые позволяют работать с их MCP.
Я попросил изучить транксрипты и правки и доработать макет по ним. Ушел спать.
🛠 Получилось круто
Утром получил нормальный проект: раскладка по файлам, отдельные ресурсы, мобильная версия, параллакс на заборе. По ощущениям сильно лучше того, что выдавал Claude Design напрямую.
Работает сравнительно долго, лимиты почти не потребляет (это ж Codex). Кажется, что разработка сайтов сейчас стала еще более дизайнероцентричный: нужно чувство стиля, задумка или хотя бы транскрипция из Гранолы.
🗣 Вопрос к вам
Кто пробовал полностью переводить в ИИ процесс верстки сайтов — что лучше всего работает? И как у вас устроена передача результата в продакшен?
----
Поляков считает — AI, код и кейсы
Те кто следят за моим каналом, могли видеть, что я тестировал разработку лендинга для Мира Штакетника через Claude Design. Я тогда говорил, что инструмент мощный, в сумме потратил 5 часов созвонов с дизайнером и получил почти готовый макет. Но есть проблема: мне забанили аккаунт Claude.
А значит у меня нет доступа к актуалной версии, драфтам и дизайн системе, которую создала для меня Anthropic.
⚠️ Где Claude Design разваливается
Вот выгрузка артефакта — настоящая боль. Я успел скачать сырой html, где всё запаковано в base64.
Что было в моём файле:
🔸 4,4 МБ в 190 строк — пара гигантских строк, читать невозможно
🔸 15 ресурсов внутри base64: 10 JPEG, 1 PNG, 4 TTF
🔸 39 869 символов CSS свалены в один кусок, ~343 правила без модулей
🔸 Шаблон, навигация, карточки, формы — в одной куче
Передать такое верстальщику нельзя. Это просмотрщик страницы.
👨💻 Codex спешит на помощь
И тут я подумал, что почему бы не проверить, насколько хорошо продукт OpenAI справится с моей задачей.
Вот что у меня было:
• три записи разговоров с дизайнером в Granola.
• исходники в Figma
• монструзный html файл из Claude Design, который я додумался экспортировать после первого зума с дизайнером.
Попросил изучить и предложить правки: Codex сразу разбил файл на компоненты и начал делать продуктовый лендинг
Потом вспомнил, что и у Granola и у Figma в кодексе есть плагины, которые позволяют работать с их MCP.
Я попросил изучить транксрипты и правки и доработать макет по ним. Ушел спать.
🛠 Получилось круто
Утром получил нормальный проект: раскладка по файлам, отдельные ресурсы, мобильная версия, параллакс на заборе. По ощущениям сильно лучше того, что выдавал Claude Design напрямую.
💪 Особенно понравился инструмент аннотаций (такой же есть у Claude Design), просто набрасываешь комментарии на отдельные элементы сайта и ждешь когда до правок дойдет очередь.
Работает сравнительно долго, лимиты почти не потребляет (это ж Codex). Кажется, что разработка сайтов сейчас стала еще более дизайнероцентричный: нужно чувство стиля, задумка или хотя бы транскрипция из Гранолы.
🗣 Вопрос к вам
Кто пробовал полностью переводить в ИИ процесс верстки сайтов — что лучше всего работает? И как у вас устроена передача результата в продакшен?
----
Поляков считает — AI, код и кейсы