AI-агенты в React-разработке: от прототипа до готового компонента. Claude Code + Pencil.dev

Как выстроить бесшовный процесс от прототипа до готового компонента в React-проекте, используя AI на каждом этапе, но без деградации архитектуры? В этом выступлении с Podlodka React Crew 4 показываю, как с помощью Claude Code и Pencil.dev организовать пайплайн, в котором компоненты переносятся из макетов без потери информации, а архитектура проекта остаётся чистой и масштабируемой. Разбираю три этапа создания UI-фичи: сначала дизайн, затем создание компонентов с переносом макета в консистентный код, и, наконец, интеграцию в архитектуру проекта. Также рассказываю, какие проблемы возникают при классическом подходе, чего мы хотим добиться с помощью AI, и как быстро создавать несколько прототипов до утверждения финального макета. В конце отвечаю на вопросы зрителей. Доклад будет полезен React-разработчикам, тимлидам и всем, кто хочет ускорить создание прототипов и внедрение фичей без потери качества кода. Приходите учиться! 🎁 Бонус +300₽ каждому, кто зарегистрируется на платформе сегодня! Бесплатные материалы: Сообщество: 🕒 Таймкоды: 00:00 — Интро 00:35 — О чём будет доклад 00:57 — Три этапа создания UI-фичи 02:34 — Этап 1 «Дизайн» 13:01 — Этап 2 «Создание компонентов» 19:00 — Этап 3 «Архитектура» 27:27 — Итоги 29:22 — Можно ли подключить в Pencil корпоративные модели? 30:16 — Тренд на отказ от MCP в пользу CLI — что думаете? 31:40 — Что прописывать в скиллах, а что модель поймёт сама? 33:51 — Как настраивается связка MCP, Pencil и Claude? 34:49 — Стоит ли переходить с...