Навыки дизайна для агентов: как создать стильные интерфейсы

Хед по дизайну X и SpaceXAI выложил очень полезный скилл, который как раз решает у агентов проблему чувства стиля из прошлого поста

Он дает агенту идеологию как делать faux UI (красивые демо интерфейсов для лендингов, промо-моушенов, инфографики и тд)

(прикрепил к посту примеры, это всё нарисовал и анимировал агент не используя запись экрана)

Как работает внутрянка, если интересно:

1. Выбирает формат: статика или анимация, цикл или один проход, размер.

Выбирает вид: светлый, тёмный, blueprint или glass, настоящий chrome и иконки продукта
Придумывает сюжет на 3–5 сцен
Берёт ближайший эталонный пример и адаптирует его
Собирает экран: несколько настоящих строк, остальное заглушки
Ставит анимацию: сцены перекрываются, цикл идёт без шва
Записывает демо скриптом, смотрит каждый кадр, проверяет на ширине телефона и правит ошибки

Также умеет:

Окна браузера и приложений, телефоны, стиль macOS 26.
Несколько видов курсора, который сам находит элементы по имени и меняет форму при наведении.
Камера, которая приближает нужный фрагмент.
Аннотации и bento-сетки.
Темы и токены твоей дизайн-системы через пропсы: сцена пишется один раз, цвета меняет тема.
Примеры в стиле Linear, Slack, Figma, Notion и других продуктов.

Установить скилл:

npx skills add benjitaylor/skills --skill stageshow

Я юзаю его чтобы генерить инфографику для SEO статей, по фичам которые есть у нас в приложении

Так что спасибо Бенжи что заопенсурсил собственный вкус ☕