context engineering в прямом эфире
вайбкодинг лендинга с визуальными метафорами

вчера на Founder OS #12 Mike Yan показал свою intention management system. классная сессия, классный технический стек. но есть проблема. видео + транскрипт — это хорошо. но этого недостаточно. чтобы реально понять систему, нужно либо слушать час, либо участвовать вживую. а что если хочется схватить суть за 30 секунд? И хотя бы напомнить себе через два года, что самое ценное.

в последнее время я много экспериментирую с визуальными метафорами поверх контекста. пока Mike рассказывал — параллельно в Cursor собирал лендинг. не просто страницу со ссылками, а визуальные метафоры того, как работает его система.

что получилось:
▫️ consciousness field — интерактивная схема. "я" в центре, пять субагентов вокруг (health, relationship, leverage, startup ceo, thich nhat hanh). вектор внимания движется между ними. можно тыкнуть в любого — появится описание.
▫️ timeline — ключевые моменты сессии с таймкодами. кликаешь — видео перематывается на нужный момент.
▫️ книги и цитаты — то, что формирует философию системы.
▫️ tech stack — визуальная схема пайплайна:

voice memo → icloud → mac mini watcher → whisper → obsidian → alignment agent → telegram

как это сделано:
Cursor + Claude в реальном времени. чистый HTML/CSS/JS, без фреймворков. деплой на Netlify. весь код в одном index.html — можно форкнуть и адаптировать под свою сессию.

это и есть {context} engineering в действии. не просто транскрибировать — а структурировать. превратить поток информации в навигируемый артефакт.

результат: https://intention.aimindset.org/

сама сессия стоит того, чтобы послушать целиком. Mike – редкая связка: 350+ человек в команде, прибыльная компания, и 13 лет буддийской практики.

видео и транскрипт – там же. Доступно на двух языках

🤖 Alex P