https://peertube.lightnode.ru/videos/watch/d94baae5-a35e-4871-a560-84676789f1a5 📚 Курс по Claude Code — https://purpleschool.ru/course/claude-code-basics?utm_source=youtube&utm_medium=video&utm_campaign=podlodka4&utm_content=description Как выстроить бесшовный процесс от прототипа до готового компонента в React-проекте, используя AI на каждом этапе, но без деградации архитектуры? В этом выступлении с Podlodka React Crew 4 показываю, как с помощью Claude Code и Pencil.dev организовать пайплайн, в котором компоненты переносятся из макетов без потери информации, а архитектура проекта остаётся чистой и масштабируемой. Разбираю три этапа создания UI-фичи: сначала дизайн, затем создание компонентов с переносом макета в консистентный код, и, наконец, интеграцию в архитектуру проекта. Также рассказываю, какие проблемы возникают при классическом подходе, чего мы хотим добиться с помощью AI, и как быстро создавать несколько прототипов до утверждения финального макета. В конце отвечаю на вопросы зрителей. Доклад будет полезен React-разработчикам, тимлидам и всем, кто хочет ускорить создание прототипов и внедрение фичей без потери качества кода. Приходите учиться! 💻 Удобная платформа: AI-тренажеры, менторы, практика, 50+ курсов для разработчика. Цены от 999₽ → https://purpleschool.ru?utm_source=youtube&utm_medium=video&utm_campaign=podlodka4&utm_content=description 🎁 Бонус +300₽ каждому, кто зарегистрируется на платформе сегодня! Бесплатные материалы: • Карьерные пути под вашу ситуацию → https://purpleschool.ru/skills/?utm_source=youtube&utm_medium=video&utm_campaign=podlodka4&utm_content=description • Курс «Основы разработки» → https://purpleschool.ru/course/code-basics/?utm_source=youtube&utm_medium=video&utm_campaign=podlodka4&utm_content=free_course • Курс «CSS Flexbox» → https://purpleschool.ru/course/flexbox/?utm_source=youtube&utm_medium=video&utm_campaign=podlodka4&utm_content=free_course Сообщество: ✈️ Telegram-канал — новости веб-разработки, полезные материалы, карьерные консультации, мок-интервью → https://t.me/purple_code_channel 💬 Чат разработчиков — 4000+ ребят с самым разным опытом, обсуждаем код, карьеру, делимся опытом → https://t.me/purple_code 🕒 Таймкоды: 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 — Стоит ли переходить с Cursor на Claude и насколько он дороже? 36:13 — Как переносятся картинки и шрифты из Pencil в проект? 37:11 — Pre-commit hook с ИИ — сколько времени это занимает? 37:33 — Выбор CLI-инструментов — вкусовщина? Или у Claude Code есть реальные преимущества? 38:52 — Нужна ли для Pencil.dev именно мультимодальная модель? 39:09 — Насколько мы защищены, если AI-инструменты перестанут работать? 40:03 — Насколько просто перенести макет из Figma в Pencil? 40:39 — Аутро Wed, 29 Jul 2026 20:41:27 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://peertube.lightnode.ru https://peertube.lightnode.ru/client/assets/images/icons/icon-96x96.png https://peertube.lightnode.ru/videos/watch/d94baae5-a35e-4871-a560-84676789f1a5 All rights reserved, unless otherwise specified in the terms specified at https://peertube.lightnode.ru/about and potential licenses granted by each content's rightholder.