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
Маркетинговий постер Вертикальний постер або зображення для публікації в стилі Moments із сильним візуальним ефектом. - 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-анімаціями — обертове текстове кільце, анімований глобус, таймер, parallax-мітки. Рендериться як постер 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
Сторінка списку очікування Мінімалістична передзапускова цільова сторінка із захопленням електронної пошти, логотипом бренду та опціональним декоративним шаром. Зчитує кольори, типографіку та правила компонування з DESIGN.md. Підходить для запуску продуктів, реєстрації на бета-тестування, програм раннього доступу та інді-проектів. - 052
Веб-прототип Універсальний веб-прототип для десктопа. Автономний HTML-файл створюється копіюванням `assets/template.html` та вставкою макетів з `references/layouts.md`. За замовчуванням для посадкових, маркетингових, документаційних або SaaS-сторінок. - 053
Web Prototype Taste Brutalist Веб-прототип у стилі швейцарського промислового друку. Газетне полотно, монолітний чорний гротеск, цифри що виходять за межі viewport, тонкі роздільники сітки, небезпечно-червоний акцент, ASCII-декор синтаксису. Створено на основі Leonxlnx/taste-skill `brutalist-skill` (режим швейцарського промислового друку). - 054
Web Prototype Taste Editorial Редакційно-мінімалістичний веб-прототип. Теплий монохромний полотно, заголовки з засічками + гротеск у тексті, межі 1px, приглушені пастельні чипи, щедрі відступи, мікроанімації. - 055
Web Prototype Taste Soft М'який веб-прототип рівня Apple. Сріблясто-кремове полотно, картки з подвійною рамкою, вкладені кнопки CTA, щедрі squircle-радіуси, пружна анімація та ambient-сітка. На основі soft-skill з Leonxlnx/taste-skill та розділів 4–8. - 056
Вайрфрейм-ескіз Вайрфрейм у стилі ручного начерку: фон у клітинку, текстура маркера/олівця, варіанти вкладок, стікери із замітками та заштриховані заповнення. Підходить для запитів «вайрфрейм», «ескіз», «lo-fi», «дошка». - 057
Картка публікації X / Twitter Реалістична картка публікації X з метриками залучення (вподобання, репости, перегляди), підходить для відеооверлеїв або картки зображень для поширення. - 058
X Research Дослідження громадських настроїв у X/Twitter щодо ринків, компаній, продуктів або спільнот. Використовуйте для аналізу суспільної думки, експертних публікацій або соціальних реакцій на акції, сектори, компанії, продукти або ринкові події. - 059
Картка Xiaohongshu Картки знань у стилі Xiaohongshu, організовані як багатокартова карусель з прокручуванням.