Example11 — провал в базу знаний

10 HTML/CSS прототипов экрана «клик по агенту → вертикальная карта содержимого workspace». Все варианты — статичные мокапы без JS, для выбора визуального направления orbit-dive.

🫧 Orbit dive 🌌 Vertical tree 🧠 Knowledge map 📱 Narrow column

Контекст

Запуск: cd public/examples/ui-variant-11 && python3 -m http.server 8772 → http://localhost:8772

01

Vertical spine

Узкая колонка, золотой ствол, пузыри по центру — 11 подвариантов в каталоге.

Открыть
02

Galaxy + brain

Галактика сверху, «мозг» агента, ветви вниз — как на референс-постерах.

Открыть
03

Hex lattice

Шестиугольные узлы в вертикальных ярусах, sci-fi сетка.

Открыть
04

Glass windows

Прямоугольные «окна» с превью кода/текста внутри пузырей.

Открыть
05

Constellation

Созвездие: точки на тёмном небе, дуги-связи, минимум UI.

Открыть
06

Ring layers

Горизонтальные «кольца»-ярусы, каждый — слой базы знаний.

Открыть
07

DNA zigzag

Вертикальный зигзаг: узлы чередуются слева/справа от ствола.

Открыть
08

Waterfall

Каскад: пузыри сужаются и уменьшаются к низу экрана.

Открыть
09

Holo room

Комната + голограмма: дерево над «рабочим столом» пользователя.

Открыть
10

Monolith cards

Светлый minimal: вертикальный монолит карточек без космоса.

Открыть