🤕 3 этапа создания UI-фичи с AI = 3 боли
Три этапа создания UI-фичи: первый — дизайн, то есть создание макета и прототипа, второй — создание компонентов, где дизайн превращается в React-код, третий — архитектура, чтобы проект не деградировал со временем. На каждом этапе есть своя боль. На этапе дизайна — множество итераций и долгие согласования. На этапе создания компонентов — AI часто выдаёт неконсистентный вывод, и компоненты не ложатся в проект как надо. На этапе архитектуры — AI деградирует код: кладёт логику не в те слои, делает неправильные импорты. Чего мы хотим добиться: бесшовный процесс от макета до кода, без потери данных, без бесконечных итераций по кругу, единый пайплайн с использованием AI на каждом этапе. В полном видео решаем все эти проблемы и показываем работающий пайплайн с Claude Code и Pencil.dev. Ссылка под шортсом. #react #ai #podlodkacrew #aidesign #ии #ui #aireact #uidesign
Три этапа создания UI-фичи: первый — дизайн, то есть создание макета и прототипа, второй — создание компонентов, где дизайн превращается в React-код, третий — архитектура, чтобы проект не деградировал со временем. На каждом этапе есть своя боль. На этапе дизайна — множество итераций и долгие согласования. На этапе создания компонентов — AI часто выдаёт неконсистентный вывод, и компоненты не ложатся в проект как надо. На этапе архитектуры — AI деградирует код: кладёт логику не в те слои, делает неправильные импорты. Чего мы хотим добиться: бесшовный процесс от макета до кода, без потери данных, без бесконечных итераций по кругу, единый пайплайн с использованием AI на каждом этапе. В полном видео решаем все эти проблемы и показываем работающий пайплайн с Claude Code и Pencil.dev. Ссылка под шортсом. #react #ai #podlodkacrew #aidesign #ии #ui #aireact #uidesign




