Інтерактивні макети продуктів — панелі керування, програми, цільові сторінки, внутрішні інструменти. Все, що ви б передали зацікавленій стороні і клікали б по всьому.
прототип Читати повний промпт → Темна преміальна посадкова сторінка портфоліо 3D-креатора: повноекранний герой із градієнтним заголовком і магнітним 3D-портретом, що стежить за курсором, горизонтальна стрічка зображень, керована прокруткою, секція About із кутовими 3D-прикрасами та текстом, що проявляється посимвольно під час прокрутки, світлий список послуг і картки проєктів, які накладаються й зменшуються під час прокрутки.
прототип Читати повний промпт → Преміальна посадкова сторінка точного землеробства: чергування темних і світлих секцій, повноекранне фонове відео в герої, анімована сітка статистики, нескінченна стрічка логотипів і сервісні картки з фоновими зображеннями.
прототип Читати повний промпт → Преміальний кінематографічний маркетинговий сайт про аерокосмічні двигуни, керований прокруткою: герой із градієнтом від синього до теплого білого з паралакс-логотипом і стоп-кадром двигуна, мініатюра місії, що розростається до повноекранного закріпленого відео, закріплена вітрина з вкладками, bento-сітка можливостей із зацикленими відеокартками та стрічкою інструментів, анімована темна діаграма статистики, горизонтальна стрічка відеоісторій і футер зі зоряним полем.
прототип Читати повний промпт → Преміальна посадкова сторінка креативної студії на білому тлі: герой з акцентом на засічковому шрифті, нескінченна GIF-стрічка, паралакс-відгук, тарифи з двох карток, автопрокручувана карусель відгуків, вертикальна вітрина проєктів, партнерський CTA зі слідом курсора та закріплена плаваюча нижня навігація.
прототип Читати повний промпт → Довга стаття / запис у блозі — з шапкою, заглушкою для головного зображення, текстом статті з ілюстраціями та цитатами, підписом автора, схожими публікаціями. Використовуйте для запитів зі словами 'блог', 'стаття', 'пост', 'есе' або 'кейс-стаді'.
прототип Читати повний промпт → Преміальний кінематографічний B2B-лендинг на GSAP: керований скролом повноекранний відеослайдер-герой з еліптичними переходами clip-path, заголовки з посимвольним розкриттям на SplitText, masonry-галерея продуктів, текст «про нас», що проявляється під час прокручування, бігучий рядок партнерів, Lottie-картки переваг і футер із кількома офісами.
прототип Читати повний промпт → Структурована презентація медичного випадку для обходів, конференцій та документації. Генерує звіти у форматі SOAP або описовому форматі з фізіологічно точними показниками, аналізами та планами на основі доказової медицини.
прототип Читати повний промпт → Преміальний темний кінематографічний Hero для платформи навчання програмуванню: повноекранне фонове HLS-відео, картка в стилі liquid glass, велика типографіка із зеленим акцентом, центральне сяйво, сітчасті лінії для десктопу та робоче мобільне меню-гамбургер.
прототип Читати повний промпт → Перетворіть довгу статтю, тред, нотатку або опис продукту в інтерактивну карту можливостей у стилі Codex з циклом workflow, матрицею сценаріїв використання та адаптивною панеллю деталей.
прототип Читати повний промпт → Виконує експертну оцінку дизайну за 5 вимірами для будь-якого HTML-артефакту в проекті — Філософія/Візуальна ієрархія/Деталі/Функціональність/Інновації, кожен за шкалою 0-10. Створює автономний HTML-звіт з радарною діаграмою, обґрунтованими оцінками та трьома списками: Зберегти/Виправити/Швидкі покращення.
прототип Читати повний промпт → Адміністративна та аналітична панель в одному HTML-файлі. Фіксована ліва бічна панель, верхня панель з користувачем/пошуком, основна сітка KPI-карток і графіків. Використовуйте для екранів 'панелі керування', 'адміністрування', 'аналітики' або 'контрольної панелі'.
прототип Читати повний промпт → Преміальна конференц-панель у стилі liquid glassmorphism: два повноекранні відеофони, що перемикаються темою, сітка карток 4×2 (скляні/суцільні), анімовані індикатори учасників із голосовою хвилею та плавна панель керування.
прототип Читати повний промпт → Перетворює дані CSV, Excel або JSON на відшліфовану сторінку візуального звіту.
прототип Читати повний промпт → Споживча панель знайомств/сватання з лівою навігацією, бігучим рядком сигналів спільноти, ключовими KPI, стовпчиковою діаграмою взаємних збігів за 30 днів та блоком тренду коефіцієнта збігів. Редакційна типографіка, стримані акценти. Підходить для сайтів знайомств, сватання, панелей спільнот або соціальних мереж.
прототип Читати повний промпт → Оцінка компаній методом дисконтованих грошових потоків і аналіз внутрішньої вартості. Для DCF, справедливої вартості, цільової ціни та аналізу недо- чи переоцінки.
прототип Читати повний промпт → Статична 3D-вітрина iPhone та MacBook з вбудованим HTML на екранах, заломленням скляної лінзи та обертальною композицією на 360 градусів.
прототип Читати повний промпт → Попередній перегляд двосторінкового цифрового гіда — сторінка 1: обкладинка (назва, автор, статистика 'Що всередині', анонс змісту); сторінка 2: розворот (текст уроку з цитатою та списком кроків). Стиль lifestyle / бренд креатора. Використовуйте для запитів 'e-guide', 'digital guide', 'lookbook', 'lead magnet', 'creator guide', 'playbook', 'PDF guide' або '电子指南'.
прототип Читати повний промпт → Сторінка документації з бічною навігацією, прокручуваним вмістом статті та змістом. Використовуйте, коли бриф згадує 'документація', 'посібник', 'довідник API' або 'підручник'.
прототип Читати повний промпт → Занурювальний односторінковий параллакс-лендинг: закріплена область перегляду під час прокручування наближає зображення порталу до вас, на вході розсуваються завіси, а в другій сцені дугоподібний слайдер карток розкриває дев'ять напрямків світу мрій.
прототип Читати повний промпт → Шаблон email для запуску продукту з шапкою, головним зображенням, заголовком курсивом, основним текстом, CTA-кнопкою та таблицею характеристик в одноколонковій HTML-версії.
прототип Читати повний промпт → Інженерний runbook — огляд сервісу, таблиця алертів, посилання на дашборди, типові процедури з командами для копіювання, графік чергувань і чек-лист реагування на інциденти. Використовуйте для runbook, ops-документації, on-call посібників, SRE-документації або 运维手册.
прототип Читати повний промпт → Преміальна фінтех-посадкова сторінка Kova: повноекранний герой із фоновим відео-бумерангом у прямому/зворотному відтворенні, появи з розмиттям FadeUp, плаваючі картки дашборда (лінійний графік заощаджень + стовпчаста діаграма витрат), двоколонковий блок відгуку з квадратним відео з автовідтворенням і сітка з чотирьох функцій із картками-зображеннями та кільцевою діаграмою витрат.
прототип Читати повний промпт → Квартальний/місячний фінансовий звіт із заголовком KPI, графіками доходів і витрат, зведеною таблицею P&L, ключовими моментами та параграфом перспектив. Використовуйте при згадці 'фінансовий звіт', 'звіт Q3', 'огляд MRR', 'P&L' або '财报'.
прототип Читати повний промпт → Панель управління командою в естетиці FlowAI з трьома вкладками (Члени команди, Деталі команди, Журнал активності), рядком статистики KPI, таблицею учасників, стовпчиковою діаграмою розподілу ролей, графіками присутності та активності, панеллю топ-учасників. Підтримує світлу/темну тему, підказки графіків, масштабування та експорт CSV.
прототип Читати повний промпт → Триекранний прототип ігрового мобільного додатка: обкладинка, щоденні квести зі стрічками XP та шкалою рівня, деталі квесту. Підходить для ігрових додатків, трекерів звичок, RPG-додатків для життя, додатків з прокачкою, щоденними квестами та системою XP/стріків.
прототип Читати повний промпт → Панель аналітики репозиторію GitHub — зірки, форки, учасники, завдання, пул-реквести, остання активність та топ-учасники. Використовуйте для панелі репозиторію GitHub, звіту про зростання open-source, сторінки стану репозиторію або аналітичного перегляду GitHub.
прототип Читати повний промпт → План адаптації нових співробітників на одній сторінці — розклад першого тижня, знайомство з наставником і керівником, навчальний трек, чеклист обладнання та критерії 'ви готові, коли…'. Використовуйте при згадуванні 'онбордінг', 'новий співробітник', 'план першого тижня' або '入职'.
прототип Читати повний промпт → HTML-презентація 16:9 у стилі tactical-telemetry / CRT-термінал. Вугільно-чорні слайди вимкненого CRT, білий фосфорний моноширинний шрифт, акцент небезпечно-червоний, накладання скан-ліній, ASCII-синтаксис, щільність важливіша за декор. Витягнуто з Leonxlnx/taste-skill `brutalist-skill` (режим Tactical Telemetry).
прототип Читати повний промпт → HTML-презентація 16:9 в редакційно-мінімалістському стилі. Теплі кремові слайди, засічки для заголовків + гротеск для тексту, тонкі лінії, моноширинні метадані, щедрі відступи, один акцент. З Leonxlnx/taste-skill `minimalist-skill`.
прототип Читати повний промпт → Преміальний темний редакційний лендинг для агенції: hero-заголовок шрифтом Instrument Serif поверх повноекранного відео з автоматичним перехресним згасанням, навігація та кнопки у стилі liquid glass, а також секції About / Featured Video / Philosophy / Services, що з'являються під час прокручування.
прототип Читати повний промпт → Сторінка рахунку для друку — блоки відправника й одержувача, таблиця позицій, деталізація податків, підсумки та платіжні інструкції. Використовуйте при згадці 'invoice', 'bill', 'billing statement' або '发票'.
прототип Читати повний промпт → Створює односторінковий документ друкарської якості — теплий пергаментний фон, чорнильно-синій акцент, один вага шрифту з засічками, без курсиву, без холодних сірих тонів. Результат виглядає як професійний white paper або студійний one-pager, а не UI застосунку. Багатомовний за дизайном (EN · zh-CN · ja). Один автономний HTML-файл, без залежностей.
прототип Читати повний промпт → Теплий пергаментний холст (#f5f4ed), монохромний чорнильно-синій акцент (#1B365D), одна родина шрифтів із зарубками та типографіка редакційного рівня.
прототип Читати повний промпт → Канбан-дошка / дошка завдань зі стовпцями (To do / In progress / In review / Done), картками, що перетягуються, аватарами виконавців, swimlanes та верхньою панеллю фільтрів. Використовуйте, коли в брифі згадуються 'kanban', 'task board', 'sprint board', 'trello' або '看板'.
прототип Читати повний промпт → Дослідження трендів спільноти та соцмереж за останні 30 днів. Використовуйте для аналізу поточної думки, нещодавніх настроїв, реакцій спільноти, соціальних доказів, відгуків на запуск, сканування трендів або контексту останніх 30 днів.
прототип Читати повний промпт → Кінематографічний багатошаровий параллакс-лендинг для архітектурної студії: повноекранне фонове відео, гігантський центральний логотип-напис бренду позаду параллакс-плити зі скульптурою, скінченний автомат анімованих відео з птахом, навігаційні «пігулки» та інформаційні панелі з матового скла, а також друга повноекранна відеосекція з центрованим редакційним заголовком.
прототип Читати повний промпт → Темний розкішний односторінковий лендинг для агенції AI-вебдизайну: кінематографічні відеофони, курсивні заголовки Instrument Serif, картки та CTA у стилі liquid glass, послівна поява тексту BlurText і оповідь секція за секцією.
прототип Читати повний промпт → Кінематографічний лендинг люксового парфуму: повноекранний відео-hero, еліптичне розкриття через clip-path, кероване прокручуванням, орбітальна карусель флаконів парфумів, що збільшуються у фокусній точці, секція підписки на розсилку та теплий пергаментний футер.
прототип Читати повний промпт → Макет журнальної статті, натхненний Huashu / huashu-md-html, для перетворення Markdown або нотаток у відшліфоване довге HTML-есе.
прототип Читати повний промпт → Редакційний постер у стилі газети з газетним папером, датою, великим заголовком із засічками (закресленням та курсивом), текстом у 2 колонки та 6 нумерованими розділами з анотованими цитатами. Підходить для журнальних постерів, редакційних макетів, газетного стилю та маніфестів.
прототип Читати повний промпт → Вертикальний постер або зображення для публікації в стилі Moments із сильним візуальним ефектом.
прототип Читати повний промпт → Сторінка протоколу зустрічі — заголовок з учасниками, чек-ліст порядку денного, блок рішень, таблиця завдань з відповідальними та датами, футер для наступної зустрічі. Використовується для запитів 'протокол зустрічі', 'minutes', 'нотатки 1:1', 'підсумки загальної зустрічі' або '会议纪要'.
прототип Читати повний промпт → Монохромний вугільно-чорний лендинг для розсилки/контент-платформи: повноекранний відеогерой, курсивні акцентні слова Instrument-Serif, елементи керування в стилі liquid glass, місія, що проявляється слово за словом під час прокручування, і відео-CTA на HLS.
прототип Читати повний промпт → Екран мобільного додатка, відрендерений у попіксельно точній рамці iPhone 15 Pro на сторінці. Створюється копіюванням вихідного файлу assets/template.html та вставкою одного архетипу екрану з references/layouts.md. Використовуйте, коли у брифі згадується 'мобільний додаток', 'iOS додаток', 'Android додаток', 'екран телефону' або 'UI додатка'.
прототип Читати повний промпт → Багатоекранний потік мобільного онбордінгу у вигляді трьох телефонних фреймів поруч — заставка, ціннісна пропозиція, вхід. Статус-бар, індикатори свайпу, основний CTA. Використовуйте при згадці 'мобільний онбордінг', 'iOS онбордінг', 'реєстрація на телефоні' або '移动端引导'.
прототип Читати повний промпт → Сучасне мінімалістичне резюме, одна сторінка A4, готове до друку або експорту в PDF.
прототип Читати повний промпт → Однокадрова композиція motion-дизайну із зацикленими CSS-анімаціями — обертове текстове кільце, анімований глобус, таймер, parallax-мітки. Рендериться як постер hero-відео для HyperFrames або будь-якого експортера на основі ключових кадрів. Підходить для motion-дизайну, анімованих hero-секцій, циклічного відео та титульних карток.
прототип Читати повний промпт → Кінематографічний лендинг у стилі mythic-naturecore: прокручування на 480vh наближає крізь портал, поки дзеркальні завіси розходяться над багатошаровим фоном світу, з 3D-глибиною мишачого паралаксу та поєднанням шрифтів serif-sans Viaoda-Libre / Imprima.
прототип Читати повний промпт → Темний односторінковий маркетинговий сайт у теплих золотих тонах для продукту безпечного хмарного сховища: шейдерна hero-секція з живою консоллю та ефектом друкарської машинки, закріплений акордеон платформи, керований прокручуванням, поле цінових стовпців, що змінює форму під час скролу, картки безпеки, вітрина консолі з 3D-нахилом і куб операцій, що вибухає за кліком.
прототип Читати повний промпт → Створює односторінковий редакційний лендінг у візуальній мові Atelier Zero (колаж Monocle / Apartamento / Études). Заповнює inputs.json з брифу бренду, опціонально генерує 16 колажних ресурсів через gpt-image-2 та видає автономний HTML-файл з анімацією прокрутки та фіксованою навігацією.
прототип Читати повний промпт → Лендинг NFT-колекції в темній космічній тематиці з повноекранними відеофонами CloudFront, інтерфейсом у стилі liquid glass, шрифтами Anton + Condiment і неоново-зеленим акцентом у чотирьох секціях.
прототип Читати повний промпт → Автоматично активується Orbit при підключенні двох або більше конекторів. Збирає дані за останні 24 години з усіх авторизованих конекторів (GitHub, Linear, Notion, Slack, 飞书, Календар, Gmail, Drive, Sentry, Vercel тощо) та створює адаптивну панель керування у форматі бенто-сітки вгорі "我的设计". Виконується автоматично щоденним планувальником Orbit.
прототип Читати повний промпт → Навичка Orbit для автоматичного створення щоденних зведень на основі підключень GitHub. Отримує PR, запити на перевірку, завдання, запуски CI та злиття за останні 24 години та відображає їх у стилі нативних сповіщень GitHub. Автоматично викликається планувальником щоденних зведень Orbit.
прототип Читати повний промпт → Витягує активність поштової скриньки за останні 24 години та створює щоденний дайджест, коли Gmail є єдиним підключеним сервісом або явно обраний користувачем. Автоматично запускається планувальником Orbit, не потребує ручного запуску.
прототип Читати повний промпт → Автоматично запускається конвеєром Orbit, коли Linear є єдиним підключеним конектором користувача або коли користувач явно обмежує щоденну збірку Linear. Витягує дані за останні 24 години про переміщення завдань, зміни статусів, призначення та прогрес циклів, відображаючи їх у візуальній мові вхідних Linear.
прототип Читати повний промпт → Навичка брифінгу Open Orbit — обирається конвеєром Orbit, коли Notion є єдиним підключеним конектором користувача або коли користувач явно обмежує свій щоденний дайджест Notion. Витягує редагування документів, коментарі, згадки та зміни рядків бази даних за останні 24 години з автентифікованого підключення Notion користувача та відображає дайджест як рідну сторінку Notion (елементи callout/toggle/таблиця бази даних). Цю навичку не слід запускати вручну — вона викликається планувальником щоденних дайджестів Orbit для роботи з актуальними даними Notion.
прототип Читати повний промпт → Специфікація продукту/PRD на одній сторінці — проблема, метрики успіху, масштаб, користувацькі історії, нотатки дизайну, план впровадження, відкриті питання. Для специфікацій продукту та брифів функцій.
прототип Читати повний промпт → Преміальна темна односторінкова посадкова сторінка портфоліо: кінематографічне HLS-відео в герої, курсивний дисплейний шрифт Instrument Serif, лічильник завантаження від 000 до 100, чергована сітка робіт у стилі bento, закріплена під час прокрутки паралакс-галерея досліджень і контактний футер-біжучий рядок із зафіксованим акцентним градієнтом #89AACC→#4E85BF.
прототип Читати повний промпт → Окрема сторінка з цінами — заголовок, рівні тарифів, таблиця порівняння функцій та FAQ. Використовуйте, коли бриф вимагає сторінку з 'цінами', 'тарифами', 'рівнями підписки' або 'порівнянням тарифів'.
прототип Читати повний промпт → Реалістична картка публікації Reddit з панеллю голосування та лічильником коментарів для відеооверлеїв або публікацій у сторіс.
прототип Читати повний промпт → Односторінковий лендінг SaaS з hero-секцією, можливостями, соціальними доказами, цінами та CTA. Відповідає активним токенам кольору/типографіки/макета з DESIGN.md. Ключові слова: "saas landing", "marketing page", "product landing".
прототип Читати повний промпт → Преміальна hero-секція лендингу приватних літаків: повноекранне відео CloudFront, що автоматично відтворюється у фоні, навігація max-w-7xl з мобільним випадним меню-гамбургером Lucide та центрований дворядковий заголовок із накладанням (Premium. / Accessible.) і кнопки-пігулки Discover + Book Now.
прототип Читати повний промпт → Трикарткова карусель для соцмереж у форматі 1080×1080 квадратів – три кінематографічні панелі в стилі бренду із заголовками, що з'єднуються впродовж серії ('вперед.' → 'до наступного.' → 'дивлячись уперед.'). Кожна картка містить логотип бренду, номер/усього, підпис та індикатор 'петлі'. Використовуйте для запитів 'карусельний пост', 'соціальна карусель', 'карусель Instagram', 'серія LinkedIn', 'картки треду X' або '三连发'.
прототип Читати повний промпт → Панель аналітики соціальних мереж для авторів в одному HTML-файлі. З перемикачем платформ (X / LinkedIn / YouTube / Instagram), картками KPI (підписники, залученість, лайки, репости), графіком зростання підписників, попереднім переглядом топового посту тижня та бічною панеллю трендових тем/коментарів.
прототип Читати повний промпт → Картка відтворення в стилі Spotify з обкладинкою альбому, прогрес-баром і елементами керування, підходить для відео-оверлеїв або особистих сторінок.
прототип Читати повний промпт → Анімований пояснювальний слайд у піксельному стилі з кремовим фоном, жирним відображенням року, анімованим піксельним талісманом (карта Hanafuda, гриб або 8-бітна консоль), кінетичною японською типографікою та стрічкою таймлайну. Чиста CSS-анімація, готова до запису у вертикальне відео.
прототип Читати повний промпт → Преміальний лендинг для нагород / венчурних премій: утоплена біла карткова оболонка зі скругленими кутами, повноекранний відеогерой із CTA на основі скошеного clip-path, тристовпцевий розділ заявок із кутастими картками номінацій навколо квадратного відео та сітка статистики про засновників із зображеннями в режимі plus-darker і градієнтними цифрами.
прототип Читати повний промпт → Сторінка відстеження OKR з банером кварталу, трьома цілями з ключовими результатами у вигляді прогрес-барів, аватарами власників, статусними мітками та бічною панеллю 'огляд кварталу'. Використовуйте при згадці OKR, ключових результатів, цілей або 目标.
прототип Читати повний промпт → Додає панель живого керування до будь-якого HTML-елемента для налаштування акцентного кольору, типографічної шкали, щільності, руху та теми. Зміни миттєво застосовуються до користувацьких властивостей CSS і зберігаються в localStorage.
прототип Читати повний промпт → Картка з цитатою або даними Twitter, призначена для публікації.
прототип Читати повний промпт → Кінематографічний односторінковий лендинг елітної нерухомості: прелоадер у стилі друкарської машинки, що зникає вгору, кероване скролом зображення будівлі, яке підіймається знизу й збільшується, закріплюючись біля темної секції-заяви, липка темна смуга статистики з цифрами, що відлічуються вгору, і відеогалерея, що розгортається при наведенні й насувається поверх темної секції.
прототип Читати повний промпт → Мінімалістична передзапускова цільова сторінка із захопленням електронної пошти, логотипом бренду та опціональним декоративним шаром. Зчитує кольори, типографіку та правила компонування з DESIGN.md. Підходить для запуску продуктів, реєстрації на бета-тестування, програм раннього доступу та інді-проектів.
прототип Читати повний промпт → Універсальний веб-прототип для десктопа. Автономний HTML-файл створюється копіюванням `assets/template.html` та вставкою макетів з `references/layouts.md`. За замовчуванням для посадкових, маркетингових, документаційних або SaaS-сторінок.
прототип Читати повний промпт → Веб-прототип у стилі швейцарського промислового друку. Газетне полотно, монолітний чорний гротеск, цифри що виходять за межі viewport, тонкі роздільники сітки, небезпечно-червоний акцент, ASCII-декор синтаксису. Створено на основі Leonxlnx/taste-skill `brutalist-skill` (режим швейцарського промислового друку).
прототип Читати повний промпт → Редакційно-мінімалістичний веб-прототип. Теплий монохромний полотно, заголовки з засічками + гротеск у тексті, межі 1px, приглушені пастельні чипи, щедрі відступи, мікроанімації.
прототип Читати повний промпт → М'який веб-прототип рівня Apple. Сріблясто-кремове полотно, картки з подвійною рамкою, вкладені кнопки CTA, щедрі squircle-радіуси, пружна анімація та ambient-сітка. На основі soft-skill з Leonxlnx/taste-skill та розділів 4–8.
прототип Читати повний промпт → Вайрфрейм у стилі ручного начерку: фон у клітинку, текстура маркера/олівця, варіанти вкладок, стікери із замітками та заштриховані заповнення. Підходить для запитів «вайрфрейм», «ескіз», «lo-fi», «дошка».
прототип Читати повний промпт → Реалістична картка публікації X з метриками залучення (вподобання, репости, перегляди), підходить для відеооверлеїв або картки зображень для поширення.
прототип Читати повний промпт → Дослідження громадських настроїв у X/Twitter щодо ринків, компаній, продуктів або спільнот. Використовуйте для аналізу суспільної думки, експертних публікацій або соціальних реакцій на акції, сектори, компанії, продукти або ринкові події.
прототип Читати повний промпт → Картки знань у стилі Xiaohongshu, організовані як багатокартова карусель з прокручуванням.
