Система предлагает не линейный процесс, а матрицу возможностей в зависимости от точки входа: сырой HTML, готовый блок или голый массив JSON-контента.
1. Инжекция (Input Phase)
2. SMART / Режим сборки
3. Матричное перемножение (Mass-Gen)
4. Пайплайн валидации (x3vp & Puppeteer)
5. Экспорт и CMS (Artifacts)
Архитектура Системы
Детерминированный пайплайн мультирежимной генерации. Данные (JSON) и структура (HBS/HTML) обрабатываются изолированными ядрами, объединяясь на этапе рендеринга для снятия скриншотов.
Интерфейсы генераторов
От терминальных CLI-утилит до полноценных Web/GUI дешбордов для управления процессом генерации и контроля качества.
SMART Builder Конструктор страницы
Интеллектуальная среда для сборки полноформатных страниц из блоков. Двухпанельный 'Smart редактор' позволяет править структуру, а встроенный инспектор обеспечивает прямой доступ к исходным JSON, HBS и медиа-ресурсам.
Техническая Спецификация
HBS+JSON Конструктор страницы
Продвинутый конструктор, оперирующий сырыми данными. Позволяет собирать страницы из атомарных элементов и блоков (CRUD-операции) с возможностью прямой инъекции и редактирования HTML-кода.
Техническая Спецификация
HTML-Конструктор страницы и блоков
Базовый low-level режим сборки. Разработан для случаев, когда требуется строгий контроль над сырой разметкой. Включает CRUD-систему для управления блоками и элементами на уровне DOM-дерева.
Техническая Спецификация
Масс-Страницы из комбинаций блоков
Интерфейс мульти-сборки ('Доски-страницы'). На одном холсте создаются сразу несколько вариантов страницы. Блоки комбинируются через HBS+JSON, а встроенный грид позволяет быстро отбирать лучшие итерации.
Техническая Спецификация
Конструктор страницы из блоков
Классический режим конструктора с упором на быстрые действия (перемещение, дублирование, удаление). Редактирование копий происходит с разделением экрана (слева исходник). Поддерживает авто-подстановку данных (data_structure).
Техническая Спецификация
Масс-блоки: Комбинации JSON+HBS
Режим перекрестного скрещивания (Cross-Gen). Берет исходный/новый HBS и скрещивает с JSON-структурами. Интерфейс выводит грид сгенерированных блоков для визуального отбора (Tinder-like) перед сохранением.
Техническая Спецификация
Масс-блоки: Наборы JSON+HBS
Масштабный Fast-Конструктор. Перемножает ВСЕ исходные HBS на ВСЕ наборы JSON из библиотеки. Автоматически проставляет суффиксы, проводит авто-анализ и создает библиотеку с просмотром наборов данных.
Техническая Спецификация
BS-Конструктор блоков из элементов
Интерфейс Bootstrap-подобной сборки (Bootstrap-style). Позволяет конструировать блоки с нуля из рядов (rows), колонок (columns) и атомарных элементов. Поддерживает импорт шаблонов сеток из файлов.
Техническая Спецификация
Масс-элементы: Комбинации JSON+HBS
Микро-генерация. Спускает логику перекрестного скрещивания (исх/нов HBS x JSON) на атомарный уровень компонентов (кнопки, карточки, инпуты). Включает создание превью с обертками.
Техническая Спецификация
Масс-элементы: Наборы JSON+HBS
Fast-Конструктор элементов. Перемножение всех атомарных шаблонов на наборы данных. Включает Live-превью, где бок о бок рендерятся оригинал и его модификации.
Техническая Спецификация
Конструктор контента & Библиотека (json / graphics)
Независимое ядро данных. Управляет библиотекой 'примитивов' и наборами контента через специализированный JSON-редактор и галерею. Оснащен интеллектульными формами распределения контента (public/data/content-primitives).
Техническая Спецификация
Эволюция Мультирежимной Системы (AI-Assisted)
Атомарный Фундамент (welem/wblock)
HTML-Конструктор, BS-Конструктор) для управления DOM-узлами. Внедрение Puppeteer API для базовых скриншотов элементов. (Отражено в component-architecture.md).Ядро Данных и AI-рефакторинг (Stage 1-2)
wjson. AI-агенты провели глубокий рефакторинг, устранив дублирование стейта Pinia и решив проблемы SSR/гидратации Nuxt (документировано в ssr-fix.md и fixes-stage2.md).Пайплайны Масс-Генерации и Маппингов
advanced-theme-mappings.ts). Сборка интерфейсов для скрещивания сотен комбинаций с авто-суффиксами.Уровень Страниц и Умный UX (Stage 3)
wpages). Внедрение компактного UX 'SMART Builder': скрытие элементов управления при наведении, split-view редакторы, интеграция 3-х вьюпортов (welem-gen2-advanced-features.md).Интеграция Инфраструктуры
Что это доказывает
Матричная Архитектура UI
Успешная реализация нелинейного 'Matrix Combination' подхода, когда десятки страниц рождаются не через промптинг, а через математическое перемножение HBS-макетов на JSON-словари.
Детерминированность поверх AI
Отказ от 'галлюцинирующей' сборки интерфейсов в пользу строгих HBS-шаблонов. Осознанный переход от Pug к Handlebars доказал, что для сложной вложенности требуется более прозрачная и предсказуемая шаблонизация.
Mass Validation (x3vp)
Архитектура позволяет на лету валидировать адаптивность. Puppeteer-пайплайн обеспечивает мгновенную визуальную обратную связь в Desktop, Tablet и Mobile (x3vp) для гридов отбора.
Data Core (Content Primitives)
Создание изолированной библиотеки `content-primitives` доказывает понимание концепции 'Headless Data' — контент существует независимо от визуального отображения.
Эта детерминированная архитектура лежит в основе наших продуктов.
Связанные материалы
Хотите внедрить похожий гибридный пайплайн в ваш продукт?
Объединяем визуальные конструкторы, AI-генерацию и строгую HBS-шаблонизацию.