59 Prototype.
Interactive product mockups — dashboards, apps, landing pages, internal tools. Anything you’d hand a stakeholder and click through.
Тип артефакта
Сцена
- 001
Блог-пост Длинная статья / запись в блоге — с шапкой, заглушкой для главного изображения, текстом статьи с иллюстрациями и цитатами, подписью автора, похожими публикациями. Используйте для запросов со словами 'блог', 'статья', 'пост', 'эссе' или 'кейс-стади'. - 002
Клинический случай Структурированное представление медицинского случая для обходов, конференций и документации. Создаёт отчёты в формате SOAP или повествовательном формате с физиологически точными показателями, анализами и планами на основе доказательной медицины. - 003
Интерактивная карта возможностей Codex Преобразуйте длинную статью, тред, заметку или описание продукта в интерактивную карту возможностей в стиле Codex с циклом workflow, матрицей сценариев использования и адаптивной панелью деталей. - 004
Critique Выполняет экспертную оценку дизайна по 5 измерениям для любого HTML-артефакта в проекте — Философия/Визуальная иерархия/Детали/Функциональность/Инновации, каждое по шкале 0-10. Создаёт автономный HTML-отчёт с радарной диаграммой, обоснованными оценками и тремя списками: Сохранить/Исправить/Быстрые улучшения. - 005
Панель управления Панель администрирования и аналитики в одном HTML-файле. Фиксированная левая боковая панель, верхняя панель с поиском и пользователем, основная сетка KPI-карточек и графиков. Используйте для экранов 'панели управления', 'админки', 'аналитики' или 'контрольной панели'. - 006
Отчет визуализации данных Преобразует данные CSV, Excel или JSON в наглядную страницу отчета. - 007
Dating Web Потребительская панель знакомств/сватовства с левой боковой навигацией, бегущей строкой сигналов сообщества, ключевыми KPI, столбчатой диаграммой взаимных совпадений за 30 дней и блоком тренда коэффициента совпадений. Редакционная типографика, сдержанные акценты. Подходит для сайтов знакомств, сватовства, панелей сообществ и социальных сетей. - 008
DCF-оценка Оценка компаний методом дисконтированных денежных потоков и анализ внутренней стоимости. Для DCF, справедливой стоимости, целевой цены и анализа недо- или переоценки. - 009
3D-витрина устройств Статичная 3D-витрина iPhone и MacBook с встроенным HTML на экранах, преломлением стеклянной линзы и поворотной композицией на 360 градусов. - 010
Цифровой гид Превью двухстраничного цифрового гида — страница 1: обложка (название, автор, статистика 'Что внутри', анонс содержания); страница 2: разворот (текст урока с цитатой и списком шагов). Стиль lifestyle / креаторского бренда. Использовать для запросов: 'e-guide', 'digital guide', 'lookbook', 'lead magnet', 'creator guide', 'playbook', 'PDF guide' или '电子指南'. - 011
Страница документации Страница документации с боковой навигацией, прокручиваемым содержимым и оглавлением. Используйте при упоминании 'документация', 'руководство', 'справочник API' или 'учебник'. - 012
Email-маркетинг Шаблон email для запуска продукта с шапкой, главным изображением, заголовком курсивом, основным текстом, CTA-кнопкой и таблицей характеристик в одноколоночной HTML-верстке. - 013
Инженерный Runbook Инженерный runbook — обзор сервиса, таблица алертов, ссылки на дашборды, типовые процедуры с копируемыми командами, график дежурств и чек-лист реагирования на инциденты. Используйте для runbook, ops-документации, on-call руководств, SRE-документации или 运维手册. - 014
Финансовый отчёт Квартальный/месячный финансовый отчёт с KPI, графиками доходов и расходов, сводной таблицей P&L, ключевыми показателями и прогнозом. Используйте при упоминании 'финансовый отчёт', 'отчёт Q3', 'обзор MRR', 'P&L' или '财报'. - 015
Шаблон панели управления Flowai Live Панель управления командой в стиле FlowAI с тремя вкладками (Участники команды, Детали команды, Журнал активности), строкой статистики KPI, таблицей участников, диаграммой распределения ролей, графиками присутствия и активности, панелью топ-участников. Поддерживает светлую/тёмную тему, всплывающие подсказки, масштабирование и экспорт CSV. - 016
Игровое приложение Трёхэкранный прототип игрового мобильного приложения: обложка, ежедневные квесты с XP-лентами и полосой уровня, детали квеста. Подходит для игровых приложений, трекеров привычек, RPG-приложений для жизни, приложений с прокачкой, ежедневными квестами и системой XP/стриков. - 017
Панель GitHub Панель аналитики репозитория GitHub — звёзды, форки, участники, задачи, пулл-реквесты, последняя активность и топ-участники. Используйте для панели репозитория GitHub, отчёта о росте open-source, страницы состояния репозитория или аналитического представления GitHub. - 018
HR-онбординг План адаптации новых сотрудников на одной странице — расписание первой недели, знакомство с наставником и руководителем, план обучения, чеклист оборудования и критерии 'вы готовы, когда…'. Используйте при упоминании 'онбординг', 'новый сотрудник', 'план первой недели' или '入职'. - 019
Html Ppt Taste Brutalist HTML-презентация 16:9 в стиле tactical-telemetry / CRT-терминал. Угольно-чёрные слайды отключённого CRT, белый фосфорный моноширинный шрифт, акцент тревожно-красный, наложение сканлайнов, ASCII-синтаксис, плотность важнее декора. Извлечено из Leonxlnx/taste-skill `brutalist-skill` (режим Tactical Telemetry). - 020
Html Ppt Taste Editorial HTML-презентация 16:9 в редакционно-минималистском стиле. Теплые кремовые слайды, засечки для заголовков + гротеск для текста, тонкие линии, моноширинные метаданные, щедрые отступы, один акцент. Из Leonxlnx/taste-skill `minimalist-skill`. - 021
Счёт Печатная страница счёта — блоки отправителя и получателя, таблица позиций, детализация налогов, итоги и платёжные инструкции. Используйте при упоминании 'invoice', 'bill', 'billing statement' или '发票'. - 022
Kami Landing Создаёт одностраничный документ печатного качества — тёплый пергаментный фон, чернильно-синий акцент, один вес шрифта с засечками, без курсива, без холодных серых тонов. Результат выглядит как профессиональный white paper или студийный one-pager, а не UI приложения. Многоязычный дизайн (EN · zh-CN · ja). Один автономный HTML-файл, без зависимостей. - 023
Документ Kami пергамент Теплый пергаментный холст (#f5f4ed), монохромный чернильно-синий акцент (#1B365D), одно семейство шрифтов с засечками и типографика редакционного уровня. - 024
Канбан-доска Канбан-доска / доска задач с колонками (To do / In progress / In review / Done), перетаскиваемыми карточками, аватарами исполнителей, swimlanes и верхней панелью фильтров. Используйте, когда упоминаются 'kanban', 'task board', 'sprint board', 'trello', '看板'. - 025
Последние 30 дней Исследование социальных трендов и мнений сообщества за последние 30 дней. Используйте для анализа текущих высказываний, настроений, реакций сообщества, социальных доказательств, откликов на запуск, сканирования трендов или контекста последних 30 дней. - 026
Журнальная статья Макет журнальной статьи в стиле Huashu / huashu-md-html для преобразования Markdown или заметок в отполированное длинное HTML-эссе. - 027
Журнальный постер Редакционный постер в стиле газеты с газетной бумагой, датой, крупным заголовком с засечками (зачёркиванием и курсивом), текстом в 2 колонки и 6 пронумерованными разделами с цитатами. Подходит для журнальных постеров, редакционных макетов, газетного стиля и манифестов. - 028
Маркетинговый постер Вертикальный постер или изображение для публикации в стиле Stories с сильным визуальным эффектом. - 029
Протокол встречи Страница протокола встречи — заголовок с участниками, чек-лист повестки дня, блок решений, таблица задач с ответственными и датами, футер для следующей встречи. Используется для запросов 'протокол встречи', 'minutes', 'заметки 1:1', 'итоги общей встречи' или '会议纪要'. - 030
Мобильное приложение Экран мобильного приложения, отрендеренный в попиксельно точной рамке iPhone 15 Pro на странице. Создается копированием исходного файла assets/template.html и вставкой одного архетипа экрана из references/layouts.md. Используйте, когда в брифе запрашивается 'мобильное приложение', 'iOS приложение', 'Android приложение', 'экран телефона' или 'UI приложения'. - 031
Мобильный онбординг Многоэкранный поток мобильного онбординга в виде трёх телефонных фреймов рядом — заставка, ценностное предложение, вход. Статус-бар, индикаторы свайпа, основной CTA. Используйте при упоминании 'мобильный онбординг', 'iOS онбординг', 'регистрация на телефоне' или '移动端引导'. - 032
Современное резюме Современное минималистичное резюме, одна страница A4, готово к печати или экспорту в PDF. - 033
Motion Frames Однокадровая композиция motion-дизайна с зацикленными CSS-анимациями — вращающееся текстовое кольцо, анимированный глобус, таймер, параллакс-метки. Рендерится как постер hero-видео для HyperFrames или любого экспортера на основе ключевых кадров. Подходит для motion-дизайна, анимированных hero-секций, зацикленных видео и титульных карточек. - 034
Лендинг Open Design Создаёт одностраничный редакционный лендинг в визуальном стиле Atelier Zero (коллаж Monocle / Apartamento / Études). Заполняет inputs.json из брифа бренда, опционально генерирует 16 коллажных ресурсов через gpt-image-2 и выводит автономный HTML-файл с прокруткой и фиксированной навигацией. - 035
Orbit Общий Автоматически активируется Orbit при подключении двух или более коннекторов. Собирает данные за последние 24 часа со всех авторизованных коннекторов (GitHub, Linear, Notion, Slack, 飞书, Календарь, Gmail, Drive, Sentry, Vercel и др.) и создаёт адаптивную панель управления в формате бенто-сетки вверху "我的设计". Запускается ежедневным планировщиком Orbit. - 036
Orbit Github Навык Orbit для автоматического создания ежедневных сводок на основе подключений GitHub. Извлекает PR, запросы на проверку, задачи, запуски CI и слияния за последние 24 часа и отображает их в стиле нативных уведомлений GitHub. Автоматически вызывается планировщиком ежедневных сводок Orbit. - 037
Orbit Gmail Извлекает активность почтового ящика за последние 24 часа и создает ежедневный дайджест, когда Gmail является единственным подключенным сервисом или явно выбран пользователем. Автоматически запускается планировщиком Orbit, не требует ручного запуска. - 038
Orbit Linear Автоматически запускается конвейером Orbit, когда Linear является единственным подключённым коннектором пользователя или когда пользователь явно ограничивает ежедневную сводку Linear. Извлекает данные за последние 24 часа о перемещениях задач, изменениях статусов, назначениях и прогрессе циклов, отображая их на визуальном языке входящих Linear. - 039
Orbit Notion Навык брифинга Open Orbit — выбирается конвейером Orbit, когда Notion является единственным подключенным коннектором пользователя или когда пользователь явно ограничивает свой ежедневный дайджест Notion. Извлекает правки документов, комментарии, упоминания и изменения строк базы данных за последние 24 часа из аутентифицированного подключения Notion пользователя и отображает дайджест в виде нативной страницы Notion (элементы callout/toggle/таблица базы данных). Этот навык не должен запускаться вручную — он вызывается планировщиком ежедневных дайджестов Orbit для работы с актуальными данными Notion. - 040
Спецификация продукта Спецификация продукта/PRD на одной странице — проблема, метрики успеха, границы, пользовательские истории, заметки по дизайну, план внедрения, открытые вопросы. Для продуктовых спецификаций и фич. - 041
Страница с ценами Отдельная страница с ценами — заголовок, уровни тарифов, таблица сравнения функций и FAQ. Используйте, когда в брифе требуется страница с 'ценами', 'тарифами', 'уровнями подписки' или 'сравнением тарифов'. - 042
Карточка поста Reddit Реалистичная карточка поста Reddit с панелью голосования и счётчиком комментариев для видеооверлеев или публикаций в сторис. - 043
SaaS Landing Одностраничный лендинг SaaS с hero-секцией, возможностями, социальными доказательствами, ценами и CTA. Соответствует активным токенам цвета/типографики/макета из DESIGN.md. Ключевые слова: "saas landing", "marketing page", "product landing". - 044
Социальная карусель Трёхкарточная карусель для соцсетей в формате 1080×1080 квадратов – три кинематографичные панели в фирменном стиле с заголовками, связанными по всей серии ('вперёд.' → 'к следующему.' → 'смотрим в будущее.'). Каждая карточка содержит логотип бренда, номер/всего, подпись и индикатор 'петли'. Используйте для запросов 'карусельный пост', 'социальная карусель', 'карусель Instagram', 'серия LinkedIn', 'карточки треда X' или '三连发'. - 045
Панель социальных сетей Панель аналитики социальных сетей для авторов в одном HTML-файле. С переключателем платформ (X / LinkedIn / YouTube / Instagram), карточками KPI (подписчики, вовлечённость, лайки, репосты), графиком роста подписчиков, превью топового поста недели и боковой панелью трендовых тем/комментариев. - 046
Карточка Spotify «Сейчас играет» Карточка воспроизведения в стиле Spotify с обложкой альбома, прогресс-баром и элементами управления, подходит для видео-оверлеев или личных страниц. - 047
Спрайт-анимация Анимированный слайд-объяснение в пиксельном стиле с кремовым фоном, жирным отображением года, анимированным пиксельным талисманом (карта Hanafuda, гриб или 8-битная консоль), кинетической японской типографикой и лентой таймлайна. Чистая CSS-анимация, готовая к записи в вертикальное видео. - 048
Командные OKR Страница отслеживания OKR — баннер квартала, три цели с ключевыми результатами в виде прогресс-баров, аватары владельцев, статусные метки и боковая панель 'обзор квартала'. Используйте при упоминании OKR, ключевых результатов, целей или 目标. - 049
Tweaks Добавляет панель живых элементов управления к HTML-элементам для настройки акцентного цвета, типографической шкалы, плотности, движения и темы. Изменения мгновенно применяются к пользовательским свойствам CSS и сохраняются в localStorage. - 050
Карточка для Twitter Карточка с цитатой или данными для Twitter, предназначенная для публикации. - 051
Страница списка ожидания Минималистичная предзапускная страница с захватом email, логотипом бренда и опциональным декоративным слоем. Считывает цвета, типографику и правила компоновки из DESIGN.md. Подходит для запуска продуктов, регистрации на бета-тестирование, программ раннего доступа и инди-проектов. - 052
Веб-прототип Универсальный веб-прототип для десктопа. Автономный HTML-файл создаётся копированием `assets/template.html` и вставкой макетов из `references/layouts.md`. По умолчанию для лендингов, маркетинга, документации и SaaS-страниц. - 053
Web Prototype Taste Brutalist Веб-прототип в стиле швейцарской промышленной печати. Газетный холст, монолитный чёрный гротеск, выходящие за пределы вьюпорта цифры, тонкие разделители сетки, опасно-красный акцент, ASCII-декор синтаксиса. Создан на основе Leonxlnx/taste-skill `brutalist-skill` (режим швейцарской промышленной печати). - 054
Web Prototype Taste Editorial Редакционно-минималистичный веб-прототип. Тёплый монохромный холст, засечки в заголовках + гротеск в тексте, контуры 1px, приглушённые пастельные чипы, щедрые отступы, микроанимации. - 055
Web Prototype Taste Soft Мягкий веб-прототип уровня Apple. Серебристо-кремовый холст, карточки с двойной рамкой, вложенные кнопки CTA, щедрые squircle-радиусы, пружинная анимация, эмбиент-сетка. На основе soft-skill из Leonxlnx/taste-skill и разделов 4–8. - 056
Вайрфрейм-эскиз Вайрфрейм в стиле ручного наброска: фон в клетку, текстура маркера/карандаша, варианты вкладок, стикеры с заметками и заштрихованные заполнения. Подходит для запросов «вайрфрейм», «скетч», «lo-fi», «доска». - 057
Карточка поста X / Twitter Реалистичная карточка поста X с метриками вовлечения (лайки, репосты, просмотры), подходит для видеооверлеев или публикуемых изображений. - 058
X Research Исследование общественных настроений в X/Twitter по рынкам, компаниям, продуктам или сообществам. Используйте для анализа мнений, экспертных постов и социальных реакций на акции, секторы, компании, продукты или рыночные события. - 059
Карточка Xiaohongshu Карточки знаний в стиле Xiaohongshu, организованные в виде прокручиваемой карусели.