Puck

Знакомьтесь, Puck — это open-source фреймворк для тех, кто хочет создать собственный AI-конструктор страниц. Если упростить: он дает разработчикам инструмент для создания визуального редактора, где конечные пользователи могут собирать веб-страницы простым перетаскиванием компонентов (drag-and-drop), но при этом сами разработчики полностью контролируют список доступных элементов.

Внутри всё продумано: есть удобный интерфейс, предпросмотр в реальном времени и, конечно, AI-генерация. Пользователю достаточно описать словами, что он хочет видеть, и Puck сам соберет страницу из доступных блоков.

Как это работает на практике? Разработчики регистрируют свои React компоненты, и те автоматически появляются в визуальном редакторе. Это идеальный способ создать конструктор, который строго следует вашей дизайн-системе и библиотеке компонентов — никаких «кривых» страниц, всё будет выглядеть именно так, как задумано. А благодаря лицензии MIT проект полностью открыт: его можно дорабатывать и настраивать под любые задачи.

Puck будет особенно полезен командам, которым нужно передать управление контентом маркетологам или редакторам, чтобы те могли создавать страницы без помощи программистов, не нарушая при этом визуальный стиль. Это отличное решение для кастомных CMS, SaaS-платформ с функционалом билдера или любого проекта, где нужно ускорить создание лендингов и веб-разметки с помощью AI.