Завеса полярного сияния
A self-contained WebGL2 hero: layered aurora light curtains warped over a night sky scattered with stars; move the cursor to sway the veil.
Прототип.
Интерактивные мокапы продуктов — дашборды, приложения, лендинги, внутренние инструменты. Всё, что вы бы показали стейкхолдеру и кликали бы по нему.
Тип артефакта
Сцена
Блог-пост
Длинная статья / запись в блоге — с шапкой, заглушкой для главного изображения, текстом статьи с иллюстрациями и цитатами, подписью автора, похожими публикациями. Используйте для запросов со словами 'блог', 'статья', 'пост', 'эссе' или 'кейс-стади'.
Каустический бассейн
A self-contained WebGL2 hero: animated water caustics woven from domain-warped ripples; click the water to drop a ripple. No meshes, no textures.
Клинический случай
Структурированное представление медицинского случая для обходов, конференций и документации. Создаёт отчёты в формате SOAP или повествовательном формате с физиологически точными показателями, анализами и планами на основе доказательной медицины.
Интерактивная карта возможностей Codex
Преобразуйте длинную статью, тред, заметку или описание продукта в интерактивную карту возможностей в стиле Codex с циклом workflow, матрицей сценариев использования и адаптивной панелью деталей.
Critique
Выполняет экспертную оценку дизайна по 5 измерениям для любого HTML-артефакта в проекте — Философия/Визуальная иерархия/Детали/Функциональность/Инновации, каждое по шкале 0-10. Создаёт автономный HTML-отчёт с радарной диаграммой, обоснованными оценками и тремя списками: Сохранить/Исправить/Быстрые улучшения.
Панель управления
Панель администрирования и аналитики в одном HTML-файле. Фиксированная левая боковая панель, верхняя панель с поиском и пользователем, основная сетка KPI-карточек и графиков. Используйте для экранов 'панели управления', 'админки', 'аналитики' или 'контрольной панели'.
Отчет визуализации данных
Преобразует данные CSV, Excel или JSON в наглядную страницу отчета.
Dating Web
Потребительская панель знакомств/сватовства с левой боковой навигацией, бегущей строкой сигналов сообщества, ключевыми KPI, столбчатой диаграммой взаимных совпадений за 30 дней и блоком тренда коэффициента совпадений. Редакционная типографика, сдержанные акценты. Подходит для сайтов знакомств, сватовства, панелей сообществ и социальных сетей.
прототип Прочитать полный промпт → DCF-оценка
Оценка компаний методом дисконтированных денежных потоков и анализ внутренней стоимости. Для DCF, справедливой стоимости, целевой цены и анализа недо- или переоценки.
Галерея глубины
A scroll-reactive 3D image gallery in Three.js: Z-stacked images crossfade over per-image mood backgrounds with velocity breath, a glowing cursor trail and an editorial CMYK/RGB/HEX/PMS color card.
3D-витрина устройств
Статичная 3D-витрина iPhone и MacBook с встроенным HTML на экранах, преломлением стеклянной линзы и поворотной композицией на 360 градусов.
Цифровой гид
Превью двухстраничного цифрового гида — страница 1: обложка (название, автор, статистика 'Что внутри', анонс содержания); страница 2: разворот (текст урока с цитатой и списком шагов). Стиль lifestyle / креаторского бренда. Использовать для запросов: 'e-guide', 'digital guide', 'lookbook', 'lead magnet', 'creator guide', 'playbook', 'PDF guide' или '电子指南'.
Искажение и зерно
A vertical gallery (Three.js) where planes bend with scroll velocity, ripple under the cursor via simplex noise, and carry a film grain.
Страница документации
Страница документации с боковой навигацией, прокручиваемым содержимым и оглавлением. Используйте при упоминании 'документация', 'руководство', 'справочник API' или 'учебник'.
Email-маркетинг
Шаблон email для запуска продукта с шапкой, главным изображением, заголовком курсивом, основным текстом, CTA-кнопкой и таблицей характеристик в одноколоночной HTML-верстке.
Инженерный Runbook
Инженерный runbook — обзор сервиса, таблица алертов, ссылки на дашборды, типовые процедуры с копируемыми командами, график дежурств и чек-лист реагирования на инциденты. Используйте для runbook, ops-документации, on-call руководств, SRE-документации или 运维手册.
Финансовый отчёт
Квартальный/месячный финансовый отчёт с KPI, графиками доходов и расходов, сводной таблицей P&L, ключевыми показателями и прогнозом. Используйте при упоминании 'финансовый отчёт', 'отчёт Q3', 'обзор MRR', 'P&L' или '财报'.
Шаблон панели управления Flowai Live
Панель управления командой в стиле FlowAI с тремя вкладками (Участники команды, Детали команды, Журнал активности), строкой статистики KPI, таблицей участников, диаграммой распределения ролей, графиками присутствия и активности, панелью топ-участников. Поддерживает светлую/тёмную тему, всплывающие подсказки, масштабирование и экспорт CSV.
Игровое приложение
Трёхэкранный прототип игрового мобильного приложения: обложка, ежедневные квесты с XP-лентами и полосой уровня, детали квеста. Подходит для игровых приложений, трекеров привычек, RPG-приложений для жизни, приложений с прокачкой, ежедневными квестами и системой XP/стриков.
Панель GitHub
Панель аналитики репозитория GitHub — звёзды, форки, участники, задачи, пулл-реквесты, последняя активность и топ-участники. Используйте для панели репозитория GitHub, отчёта о росте open-source, страницы состояния репозитория или аналитического представления GitHub.
Полутоновый дрейф
A self-contained WebGL2 hero: a flowing field screened through a rotated halftone dot grid into a duotone print aesthetic; move the cursor to bend the drift.
Голографическая фольга
A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.
Горизонтальная параллакс-галерея
A horizontal-scroll WebGL gallery (Three.js): frames glide sideways with lerp smoothing and each image parallaxes its texture (UV shift) by its position in the viewport.
HR-онбординг
План адаптации новых сотрудников на одной странице — расписание первой недели, знакомство с наставником и руководителем, план обучения, чеклист оборудования и критерии 'вы готовы, когда…'. Используйте при упоминании 'онбординг', 'новый сотрудник', 'план первой недели' или '入职'.
Html Ppt Taste Brutalist
HTML-презентация 16:9 в стиле tactical-telemetry / CRT-терминал. Угольно-чёрные слайды отключённого CRT, белый фосфорный моноширинный шрифт, акцент тревожно-красный, наложение сканлайнов, ASCII-синтаксис, плотность важнее декора. Извлечено из Leonxlnx/taste-skill `brutalist-skill` (режим Tactical Telemetry).
Html Ppt Taste Editorial
HTML-презентация 16:9 в редакционно-минималистском стиле. Теплые кремовые слайды, засечки для заголовков + гротеск для текста, тонкие линии, моноширинные метаданные, щедрые отступы, один акцент. Из Leonxlnx/taste-skill `minimalist-skill`.
Счёт
Печатная страница счёта — блоки отправителя и получателя, таблица позиций, детализация налогов, итоги и платёжные инструкции. Используйте при упоминании 'invoice', 'bill', 'billing statement' или '发票'.
Kami Landing
Создаёт одностраничный документ печатного качества — тёплый пергаментный фон, чернильно-синий акцент, один вес шрифта с засечками, без курсива, без холодных серых тонов. Результат выглядит как профессиональный white paper или студийный one-pager, а не UI приложения. Многоязычный дизайн (EN · zh-CN · ja). Один автономный HTML-файл, без зависимостей.
Документ Kami пергамент
Теплый пергаментный холст (#f5f4ed), монохромный чернильно-синий акцент (#1B365D), одно семейство шрифтов с засечками и типографика редакционного уровня.
Канбан-доска
Канбан-доска / доска задач с колонками (To do / In progress / In review / Done), перетаскиваемыми карточками, аватарами исполнителей, swimlanes и верхней панелью фильтров. Используйте, когда упоминаются 'kanban', 'task board', 'sprint board', 'trello', '看板'.
прототип Прочитать полный промпт → Последние 30 дней
Исследование социальных трендов и мнений сообщества за последние 30 дней. Используйте для анализа текущих высказываний, настроений, реакций сообщества, социальных доказательств, откликов на запуск, сканирования трендов или контекста последних 30 дней.
Жидкая иридесценция
A self-contained WebGL2 hero: a living oil-on-water field brightened into iridescent caustic filaments; move the cursor to bend the flow.
Жидкий металл
Создайте полноэкранный shader жидкого металла — рябь расплавленного хрома с скользящим зеркальным бликом поверх переливчатой тонкоплёночной палитры — рендеринг на 60fps в виде единого самодостаточного index.html.
Журнальная статья
Макет журнальной статьи в стиле Huashu / huashu-md-html для преобразования Markdown или заметок в отполированное длинное HTML-эссе.
Журнальный постер
Редакционный постер в стиле газеты с газетной бумагой, датой, крупным заголовком с засечками (зачёркиванием и курсивом), текстом в 2 колонки и 6 пронумерованными разделами с цитатами. Подходит для журнальных постеров, редакционных макетов, газетного стиля и манифестов.
Маркетинговый постер
Вертикальный постер или изображение для публикации в стиле Stories с сильным визуальным эффектом.
Протокол встречи
Страница протокола встречи — заголовок с участниками, чек-лист повестки дня, блок решений, таблица задач с ответственными и датами, футер для следующей встречи. Используется для запросов 'протокол встречи', 'minutes', 'заметки 1:1', 'итоги общей встречи' или '会议纪要'.
Мобильное приложение
Экран мобильного приложения, отрендеренный в попиксельно точной рамке iPhone 15 Pro на странице. Создается копированием исходного файла assets/template.html и вставкой одного архетипа экрана из references/layouts.md. Используйте, когда в брифе запрашивается 'мобильное приложение', 'iOS приложение', 'Android приложение', 'экран телефона' или 'UI приложения'.
Мобильный онбординг
Многоэкранный поток мобильного онбординга в виде трёх телефонных фреймов рядом — заставка, ценностное предложение, вход. Статус-бар, индикаторы свайпа, основной CTA. Используйте при упоминании 'мобильный онбординг', 'iOS онбординг', 'регистрация на телефоне' или '移动端引导'.
Современное резюме
Современное минималистичное резюме, одна страница A4, готово к печати или экспорту в PDF.
Motion Frames
Однокадровая композиция motion-дизайна с зацикленными CSS-анимациями — вращающееся текстовое кольцо, анимированный глобус, таймер, параллакс-метки. Рендерится как постер hero-видео для HyperFrames или любого экспортера на основе ключевых кадров. Подходит для motion-дизайна, анимированных hero-секций, зацикленных видео и титульных карточек.
Неоновая сетка
Создайте synthwave-сцену с неоновой сеткой — перспективная сетка пола, прокручивающаяся к полосатому ретро-солнцу под неоновым звёздным полем — рендеринг на 60fps в виде единого самодостаточного index.html.
прототип Прочитать полный промпт → Главная страница Open Design
A pixel-faithful mirror of the live open-design.ai homepage — an interactive WebGL/Three.js (React Three Fiber) hero built on Next.js. Features a real-time 3D "Open Design" wordmark (Draco-compressed geometry), a scattered sticker collage, custom variable fonts, cursor-reactive parallax, and scroll-driven motion. This is a first-party showcase of the visual ceiling Open Design targets for interactive marketing surfaces on the web — with all assets bundled locally (only the Draco decoder loads from a CDN, like the other WebGL examples), rendering in the sandboxed preview. Use as a reference for high-craft 3D landing pages, agent-native product sites, and motion-rich hero sections.
Лендинг Open Design
Создаёт одностраничный редакционный лендинг в визуальном стиле Atelier Zero (коллаж Monocle / Apartamento / Études). Заполняет inputs.json из брифа бренда, опционально генерирует 16 коллажных ресурсов через gpt-image-2 и выводит автономный HTML-файл с прокруткой и фиксированной навигацией.
Orbit Общий
Автоматически активируется Orbit при подключении двух или более коннекторов. Собирает данные за последние 24 часа со всех авторизованных коннекторов (GitHub, Linear, Notion, Slack, 飞书, Календарь, Gmail, Drive, Sentry, Vercel и др.) и создаёт адаптивную панель управления в формате бенто-сетки вверху "我的设计". Запускается ежедневным планировщиком Orbit.
Orbit Github
Навык Orbit для автоматического создания ежедневных сводок на основе подключений GitHub. Извлекает PR, запросы на проверку, задачи, запуски CI и слияния за последние 24 часа и отображает их в стиле нативных уведомлений GitHub. Автоматически вызывается планировщиком ежедневных сводок Orbit.
Orbit Gmail
Извлекает активность почтового ящика за последние 24 часа и создает ежедневный дайджест, когда Gmail является единственным подключенным сервисом или явно выбран пользователем. Автоматически запускается планировщиком Orbit, не требует ручного запуска.
Orbit Linear
Автоматически запускается конвейером Orbit, когда Linear является единственным подключённым коннектором пользователя или когда пользователь явно ограничивает ежедневную сводку Linear. Извлекает данные за последние 24 часа о перемещениях задач, изменениях статусов, назначениях и прогрессе циклов, отображая их на визуальном языке входящих Linear.
Orbit Notion
Навык брифинга Open Orbit — выбирается конвейером Orbit, когда Notion является единственным подключенным коннектором пользователя или когда пользователь явно ограничивает свой ежедневный дайджест Notion. Извлекает правки документов, комментарии, упоминания и изменения строк базы данных за последние 24 часа из аутентифицированного подключения Notion пользователя и отображает дайджест в виде нативной страницы Notion (элементы callout/toggle/таблица базы данных). Этот навык не должен запускаться вручную — он вызывается планировщиком ежедневных дайджестов Orbit для работы с актуальными данными Notion.
Галактика из частиц
Создайте закручивающуюся галактику из частиц — десятки тысяч GPU-точек с аддитивным смешиванием, спирально вращающихся вокруг яркого ядра, орбиты которых вычисляются в вершинном shader — рендеринг вживую на 60fps в виде единого самодостаточного index.html.
Пиксельная галерея
A scroll-reactive masonry gallery (Three.js + GSAP) where each image develops from a pixel/grid dissolve on viewport entry, with a split-text heading and click-to-fullscreen Flip.
Спецификация продукта
Спецификация продукта/PRD на одной странице — проблема, метрики успеха, границы, пользовательские истории, заметки по дизайну, план внедрения, открытые вопросы. Для продуктовых спецификаций и фич.
Страница с ценами
Отдельная страница с ценами — заголовок, уровни тарифов, таблица сравнения функций и FAQ. Используйте, когда в брифе требуется страница с 'ценами', 'тарифами', 'уровнями подписки' или 'сравнением тарифов'.
Raymarching-герой
Создайте 3D-героя на raymarching — плавно перетекающие метаболы с мягкими тенями и контурной подсветкой fresnel, медленно вращающиеся и трассируемые сферами попиксельно во фрагментном shader — полноэкранный рендеринг на 60fps в виде единого самодостаточного index.html.
Карточка поста Reddit
Реалистичная карточка поста Reddit с панелью голосования и счётчиком комментариев для видеооверлеев или публикаций в сторис.
SaaS Landing
Одностраничный лендинг SaaS с hero-секцией, возможностями, социальными доказательствами, ценами и CTA. Соответствует активным токенам цвета/типографики/макета из DESIGN.md. Ключевые слова: "saas landing", "marketing page", "product landing".
Социальная карусель
Трёхкарточная карусель для соцсетей в формате 1080×1080 квадратов – три кинематографичные панели в фирменном стиле с заголовками, связанными по всей серии ('вперёд.' → 'к следующему.' → 'смотрим в будущее.'). Каждая карточка содержит логотип бренда, номер/всего, подпись и индикатор 'петли'. Используйте для запросов 'карусельный пост', 'социальная карусель', 'карусель Instagram', 'серия LinkedIn', 'карточки треда X' или '三连发'.
Панель социальных сетей
Панель аналитики социальных сетей для авторов в одном HTML-файле. С переключателем платформ (X / LinkedIn / YouTube / Instagram), карточками KPI (подписчики, вовлечённость, лайки, репосты), графиком роста подписчиков, превью топового поста недели и боковой панелью трендовых тем/комментариев.
Карточка Spotify «Сейчас играет»
Карточка воспроизведения в стиле Spotify с обложкой альбома, прогресс-баром и элементами управления, подходит для видео-оверлеев или личных страниц.
Спрайт-анимация
Анимированный слайд-объяснение в пиксельном стиле с кремовым фоном, жирным отображением года, анимированным пиксельным талисманом (карта Hanafuda, гриб или 8-битная консоль), кинетической японской типографикой и лентой таймлайна. Чистая CSS-анимация, готовая к записи в вертикальное видео.
Командные OKR
Страница отслеживания OKR — баннер квартала, три цели с ключевыми результатами в виде прогресс-баров, аватары владельцев, статусные метки и боковая панель 'обзор квартала'. Используйте при упоминании OKR, ключевых результатов, целей или 目标.
Tweaks
Добавляет панель живых элементов управления к HTML-элементам для настройки акцентного цвета, типографической шкалы, плотности, движения и темы. Изменения мгновенно применяются к пользовательским свойствам CSS и сохраняются в localStorage.
Карточка для Twitter
Карточка с цитатой или данными для Twitter, предназначенная для публикации.
Velar. — элитная недвижимость
Кинематографичный одностраничный лендинг элитной недвижимости: прелоадер в стиле печатной машинки, уезжающий вверх, управляемое скроллом изображение здания, которое поднимается снизу и увеличивается, закрепляясь у тёмной секции-заявления, липкая тёмная полоса статистики с цифрами, которые отсчитываются вверх, и раскрывающаяся при наведении видеогалерея, наезжающая поверх тёмной секции.
Ячейки Вороного
A self-contained WebGL2 hero: a living Voronoi network with drifting feature points, palette-keyed cells and glowing boundaries; move the cursor to push the cells.
Страница списка ожидания
Минималистичная предзапускная страница с захватом email, логотипом бренда и опциональным декоративным слоем. Считывает цвета, типографику и правила компоновки из DESIGN.md. Подходит для запуска продуктов, регистрации на бета-тестирование, программ раннего доступа и инди-проектов.
прототип Прочитать полный промпт → Web effect extractor
Extract visual effects, Canvas/WebGL/Shader behavior, and interaction details from a reference website, then rebuild them as an editable Open Design artifact.
Веб-прототип
Универсальный веб-прототип для десктопа. Автономный HTML-файл создаётся копированием `assets/template.html` и вставкой макетов из `references/layouts.md`. По умолчанию для лендингов, маркетинга, документации и SaaS-страниц.
Web Prototype Taste Brutalist
Веб-прототип в стиле швейцарской промышленной печати. Газетный холст, монолитный чёрный гротеск, выходящие за пределы вьюпорта цифры, тонкие разделители сетки, опасно-красный акцент, ASCII-декор синтаксиса. Создан на основе Leonxlnx/taste-skill `brutalist-skill` (режим швейцарской промышленной печати).
Web Prototype Taste Editorial
Редакционно-минималистичный веб-прототип. Тёплый монохромный холст, засечки в заголовках + гротеск в тексте, контуры 1px, приглушённые пастельные чипы, щедрые отступы, микроанимации.
Web Prototype Taste Soft
Мягкий веб-прототип уровня Apple. Серебристо-кремовый холст, карточки с двойной рамкой, вложенные кнопки CTA, щедрые squircle-радиусы, пружинная анимация, эмбиент-сетка. На основе soft-skill из Leonxlnx/taste-skill и разделов 4–8.
WebGL-опыт
Создайте полноэкранный WebGL/WebGL2-опыт в реальном времени — анимированные шейдеры, 3D-сцены, генеративная графика, поля частиц — работающий на GPU. Срабатывает при запросах WebGL, шейдеров, 3D, генеративной или реального времени графики.
прототип Прочитать полный промпт → Website Clone
Clone or visually recreate a website using source-first reconnaissance, route crawling, interaction probes, asset capture, and post-clone audit notes.
Аннотированный вайрфрейм
Аннотированный/redline lo-fi вайрфрейм десктопной лендинг-страницы — серые блоки в рамке браузера, пронумерованные пины-аннотации (①–⑤) и правая панель спецификаций, связывающая каждый пин с короткой инженерной/UX-заметкой. Подходит для запросов «аннотированный вайрфрейм», «redline», «спецификация вайрфрейма», «lo-fi лендинг», «низкая детализация».
Грейбокс-вайрфрейм
Чёткий грейбокс/блюпринт lo-fi вайрфрейм десктопного SaaS-дашборда — нейтральные серые блоки, плейсхолдеры изображений с диагональным крестом, текст в виде lorem-полос, схематичная панель графика и моноширинные redline-аннотации на 12-колоночной сетке. Подходит для запросов «грейбокс», «блюпринт-вайрфрейм», «lo-fi дашборд», «низкая детализация».
Вайрфрейм мобильного флоу
Лоу-фай вайрфрейм флоу мобильного приложения — три-четыре рамки телефона в ряд (онбординг → лента → детали → подтверждение), серый плейсхолдер-контент в каждом устройстве, пунктирные стрелки-связи с нумерованными метками шагов и стикеры с заметками. Подходит для запросов «мобильный вайрфрейм», «app flow», «user flow», «lo-fi mobile».
Вайрфрейм-эскиз
Вайрфрейм в стиле ручного наброска: фон в клетку, текстура маркера/карандаша, варианты вкладок, стикеры с заметками и заштрихованные заполнения. Подходит для запросов «вайрфрейм», «скетч», «lo-fi», «доска».
Worker-визуализатор
Создайте визуализатор реального времени, тяжёлые вычисления которого выполняются в Web Worker — системы частиц, физика, фракталы, визуализация данных/аудио — с опциональным разделением памяти через SharedArrayBuffer, рендеринг на canvas при 60fps. Срабатывает при запросах web worker, симуляции, частиц, физики, фракталов, вычислений вне основного потока или визуализатора реального времени.
Карточка поста X / Twitter
Реалистичная карточка поста X с метриками вовлечения (лайки, репосты, просмотры), подходит для видеооверлеев или публикуемых изображений.
прототип Прочитать полный промпт → X Research
Исследование общественных настроений в X/Twitter по рынкам, компаниям, продуктам или сообществам. Используйте для анализа мнений, экспертных постов и социальных реакций на акции, секторы, компании, продукты или рыночные события.
Карточка Xiaohongshu
Карточки знаний в стиле Xiaohongshu, организованные в виде прокручиваемой карусели.