Бенжи, руководитель дизайна X и SpaceXAI, выложил Stageshow — скилл, который помогает а...
Бенжи, руководитель дизайна X и SpaceXAI, выложил Stageshow — скилл, который помогает агентам делать стильные демо интерфейсов без записи экрана. Скилл — набор инструкций для агента — задаёт подход к faux UI: постановочным интерфейсам для лендингов, промоанимации и инфографики. В примерах к исходному посту всё нарисовал и анимировал агент. Вместо «сделай красиво» — конкретный процесс: 1. Выбрать формат: статика или анимация, цикл или один проход, размер. 2. Определить оформление: светлое, тёмное, blueprint — под чертёж — или glass, с эффектом стекла. Использовать настоящие иконки продукта и chrome — рамки и панели интерфейса. 3. Придумать сюжет на 3–5 сцен. 4. Взять ближайший эталонный пример и адаптировать его. 5. Собрать экран: несколько настоящих строк, остальное — заглушки. 6. Настроить анимацию с перекрытием сцен и бесшовным циклом. 7. Записать демо скриптом, просмотреть каждый кадр, проверить на ширине экрана телефона и исправить ошибки. Что ещё умеет Stageshow: — Окна браузеров и приложений, телефоны, оформление в стиле macOS 26. — Несколько видов курсора: он сам находит элементы по имени и меняет форму при наведении. — Камера с приближением нужного фрагмента. — Аннотации и bento-сетки — компоновка из прямоугольных блоков. — Темы и токены дизайн-системы — общие значения цветов и других параметров — через пропсы, то есть параметры компонентов. Сцена пишется один раз, а цвета меняет тема. — Примеры в стиле Linear, Slack, Figma, Notion и других продуктов. Установка: npx skills add benjitaylor/skills --skill stageshow Автор tips_ai использует скилл для инфографики о функциях своего приложения в SEO-статьях — материалах под поисковое продвижение. Бенжи опубликовал скилл в открытом доступе. Получилось почти «заопенсорсить собственный вкус» ☕ Материалы: — https://benji.org/stageshow — https://x.com/benjitaylor/status/2116593247854453244 Источник: https://t.me/tips_ai/4978 #RealVibe #AI #AI_Инструменты