Верстаем по скриншотам в Codex

Всем привет

Продолжаю тестировать разные задачи в Codex, на днях пришла идея попробовать сверстать небольшое веб-приложение; есть экраны, компоненты и типографика.

Подписка на фигму истекла, то есть без MCP работаем. Решил попробовать дать изображения в .png и получилось очень хорошо.

1. Сначала надиктовал, что будем делать; я больше не пишу)) 2. Порциями начал давать компоненты; 3. Объяснил сценарии, адаптивы, анимации и так далее; 4. Попросил исправить ошибки; 5. Готово.

Не ожидал, что так хорошо получится. Такой способ верстки через png подойдет в случаях: - уже есть все необходимое в фигме; - нужно сделать что-то маленькое, например, для демонстрации функционала и т.п.

Посмотреть созданную демку можно здесь. Адаптив для мобилок и планшетов есть, но лучше смотреть с ПК.

Возможности агентов растут каждый день, вчера кодексом смонтировал видео, но об этом я расскажу в другой раз😉

Верстаем по скриншотам в Codex | Сетка — социальная сеть от hh.ru Верстаем по скриншотам в Codex | Сетка — социальная сеть от hh.ru Верстаем по скриншотам в Codex | Сетка — социальная сеть от hh.ru Верстаем по скриншотам в Codex | Сетка — социальная сеть от hh.ru Верстаем по скриншотам в Codex | Сетка — социальная сеть от hh.ru Верстаем по скриншотам в Codex | Сетка — социальная сеть от hh.ru