Розділ Дизайн · Інтелект Apache-2.0 · Зроблено на Землі
Open Source Claude Design · Шаблони

Прототип.

Інтерактивні макети продуктів — панелі керування, програми, цільові сторінки, внутрішні інструменти. Все, що ви б передали зацікавленій стороні і клікали б по всьому.

Всього · 81
Сцена
Прев’ю AeroCore — Cinematic Aerospace Engine Landing прототип
@eli Open Design
Читати повний промпт →

AeroCore — Cinematic Aerospace Engine Landing

Premium scroll-cinematic aerospace propulsion marketing site: a blue-to-warm-white gradient hero with parallax wordmark and engine still, a mission thumbnail that grows into a fullscreen sticky video, a pinned tabbed showcase, a bento capabilities grid with looping video cards and a tool marquee, an animated dark stats chart, a horizontal video-story rail, and a starfield footer.

Прев’ю Блог-пост прототип
@open-design Open Design
Читати повний промпт →

Блог-пост

Довга стаття / запис у блозі — з шапкою, заглушкою для головного зображення, текстом статті з ілюстраціями та цитатами, підписом автора, схожими публікаціями. Використовуйте для запитів зі словами 'блог', 'стаття', 'пост', 'есе' або 'кейс-стаді'.

Прев’ю Клінічний випадок прототип
@open-design Open Design
Читати повний промпт →

Клінічний випадок

Структурована презентація медичного випадку для обходів, конференцій та документації. Генерує звіти у форматі SOAP або описовому форматі з фізіологічно точними показниками, аналізами та планами на основі доказової медицини.

Прев’ю Інтерактивна карта можливостей Codex прототип
@open-design Open Design
Читати повний промпт →

Інтерактивна карта можливостей Codex

Перетворіть довгу статтю, тред, нотатку або опис продукту в інтерактивну карту можливостей у стилі Codex з циклом workflow, матрицею сценаріїв використання та адаптивною панеллю деталей.

Прев’ю Critique прототип
@open-design Open Design
Читати повний промпт →

Critique

Виконує експертну оцінку дизайну за 5 вимірами для будь-якого HTML-артефакту в проекті — Філософія/Візуальна ієрархія/Деталі/Функціональність/Інновації, кожен за шкалою 0-10. Створює автономний HTML-звіт з радарною діаграмою, обґрунтованими оцінками та трьома списками: Зберегти/Виправити/Швидкі покращення.

Прев’ю Панель керування прототип
@open-design Open Design
Читати повний промпт →

Панель керування

Адміністративна та аналітична панель в одному HTML-файлі. Фіксована ліва бічна панель, верхня панель з користувачем/пошуком, основна сітка KPI-карток і графіків. Використовуйте для екранів 'панелі керування', 'адміністрування', 'аналітики' або 'контрольної панелі'.

Прев’ю Dating Web прототип
@open-design Open Design
Читати повний промпт →

Dating Web

Споживча панель знайомств/сватання з лівою навігацією, бігучим рядком сигналів спільноти, ключовими KPI, стовпчиковою діаграмою взаємних збігів за 30 днів та блоком тренду коефіцієнта збігів. Редакційна типографіка, стримані акценти. Підходить для сайтів знайомств, сватання, панелей спільнот або соціальних мереж.

Прев’ю Цифровий гід прототип
@open-design Open Design
Читати повний промпт →

Цифровий гід

Попередній перегляд двосторінкового цифрового гіда — сторінка 1: обкладинка (назва, автор, статистика 'Що всередині', анонс змісту); сторінка 2: розворот (текст уроку з цитатою та списком кроків). Стиль lifestyle / бренд креатора. Використовуйте для запитів 'e-guide', 'digital guide', 'lookbook', 'lead magnet', 'creator guide', 'playbook', 'PDF guide' або '电子指南'.

Прев’ю Інженерний Runbook прототип
@open-design Open Design
Читати повний промпт →

Інженерний Runbook

Інженерний runbook — огляд сервісу, таблиця алертів, посилання на дашборди, типові процедури з командами для копіювання, графік чергувань і чек-лист реагування на інциденти. Використовуйте для runbook, ops-документації, on-call посібників, SRE-документації або 运维手册.

Прев’ю Фінансовий звіт прототип
@open-design Open Design
Читати повний промпт →

Фінансовий звіт

Квартальний/місячний фінансовий звіт із заголовком KPI, графіками доходів і витрат, зведеною таблицею P&L, ключовими моментами та параграфом перспектив. Використовуйте при згадці 'фінансовий звіт', 'звіт Q3', 'огляд MRR', 'P&L' або '财报'.

Прев’ю Шаблон панелі керування Flowai Live прототип
@open-design Open Design
Читати повний промпт →

Шаблон панелі керування Flowai Live

Панель управління командою в естетиці FlowAI з трьома вкладками (Члени команди, Деталі команди, Журнал активності), рядком статистики KPI, таблицею учасників, стовпчиковою діаграмою розподілу ролей, графіками присутності та активності, панеллю топ-учасників. Підтримує світлу/темну тему, підказки графіків, масштабування та експорт CSV.

Прев’ю Ігровий додаток прототип
@open-design Open Design
Читати повний промпт →

Ігровий додаток

Триекранний прототип ігрового мобільного додатка: обкладинка, щоденні квести зі стрічками XP та шкалою рівня, деталі квесту. Підходить для ігрових додатків, трекерів звичок, RPG-додатків для життя, додатків з прокачкою, щоденними квестами та системою XP/стріків.

Прев’ю Панель GitHub прототип
@open-design Open Design
Читати повний промпт →

Панель GitHub

Панель аналітики репозиторію GitHub — зірки, форки, учасники, завдання, пул-реквести, остання активність та топ-учасники. Використовуйте для панелі репозиторію GitHub, звіту про зростання open-source, сторінки стану репозиторію або аналітичного перегляду GitHub.

Прев’ю HR-онбордінг прототип
@open-design Open Design
Читати повний промпт →

HR-онбордінг

План адаптації нових співробітників на одній сторінці — розклад першого тижня, знайомство з наставником і керівником, навчальний трек, чеклист обладнання та критерії 'ви готові, коли…'. Використовуйте при згадуванні 'онбордінг', 'новий співробітник', 'план першого тижня' або '入职'.

Прев’ю Html Ppt Taste Brutalist прототип
@open-design Open Design
Читати повний промпт →

Html Ppt Taste Brutalist

HTML-презентація 16:9 у стилі tactical-telemetry / CRT-термінал. Вугільно-чорні слайди вимкненого CRT, білий фосфорний моноширинний шрифт, акцент небезпечно-червоний, накладання скан-ліній, ASCII-синтаксис, щільність важливіша за декор. Витягнуто з Leonxlnx/taste-skill `brutalist-skill` (режим Tactical Telemetry).

Прев’ю Html Ppt Taste Editorial прототип
@open-design Open Design
Читати повний промпт →

Html Ppt Taste Editorial

HTML-презентація 16:9 в редакційно-мінімалістському стилі. Теплі кремові слайди, засічки для заголовків + гротеск для тексту, тонкі лінії, моноширинні метадані, щедрі відступи, один акцент. З Leonxlnx/taste-skill `minimalist-skill`.

Прев’ю Рахунок-фактура прототип
@open-design Open Design
Читати повний промпт →

Рахунок-фактура

Сторінка рахунку для друку — блоки відправника й одержувача, таблиця позицій, деталізація податків, підсумки та платіжні інструкції. Використовуйте при згадці 'invoice', 'bill', 'billing statement' або '发票'.

Прев’ю Kami Landing прототип
@open-design Open Design
Читати повний промпт →

Kami Landing

Створює односторінковий документ друкарської якості — теплий пергаментний фон, чорнильно-синій акцент, один вага шрифту з засічками, без курсиву, без холодних сірих тонів. Результат виглядає як професійний white paper або студійний one-pager, а не UI застосунку. Багатомовний за дизайном (EN · zh-CN · ja). Один автономний HTML-файл, без залежностей.

Прев’ю Канбан-дошка прототип
@open-design Open Design
Читати повний промпт →

Канбан-дошка

Канбан-дошка / дошка завдань зі стовпцями (To do / In progress / In review / Done), картками, що перетягуються, аватарами виконавців, swimlanes та верхньою панеллю фільтрів. Використовуйте, коли в брифі згадуються 'kanban', 'task board', 'sprint board', 'trello' або '看板'.

Прев’ю Останні 30 днів прототип
@open-design Open Design
Читати повний промпт →

Останні 30 днів

Дослідження трендів спільноти та соцмереж за останні 30 днів. Використовуйте для аналізу поточної думки, нещодавніх настроїв, реакцій спільноти, соціальних доказів, відгуків на запуск, сканування трендів або контексту останніх 30 днів.

Прев’ю Журнальний постер прототип
@open-design Open Design
Читати повний промпт →

Журнальний постер

Редакційний постер у стилі газети з газетним папером, датою, великим заголовком із засічками (закресленням та курсивом), текстом у 2 колонки та 6 нумерованими розділами з анотованими цитатами. Підходить для журнальних постерів, редакційних макетів, газетного стилю та маніфестів.

Прев’ю Протокол зустрічі прототип
@open-design Open Design
Читати повний промпт →

Протокол зустрічі

Сторінка протоколу зустрічі — заголовок з учасниками, чек-ліст порядку денного, блок рішень, таблиця завдань з відповідальними та датами, футер для наступної зустрічі. Використовується для запитів 'протокол зустрічі', 'minutes', 'нотатки 1:1', 'підсумки загальної зустрічі' або '会议纪要'.

Прев’ю Мобільний додаток прототип
@open-design Open Design
Читати повний промпт →

Мобільний додаток

Екран мобільного додатка, відрендерений у попіксельно точній рамці iPhone 15 Pro на сторінці. Створюється копіюванням вихідного файлу assets/template.html та вставкою одного архетипу екрану з references/layouts.md. Використовуйте, коли у брифі згадується 'мобільний додаток', 'iOS додаток', 'Android додаток', 'екран телефону' або 'UI додатка'.

Прев’ю Мобільний онбордінг прототип
@open-design Open Design
Читати повний промпт →

Мобільний онбордінг

Багатоекранний потік мобільного онбордінгу у вигляді трьох телефонних фреймів поруч — заставка, ціннісна пропозиція, вхід. Статус-бар, індикатори свайпу, основний CTA. Використовуйте при згадці 'мобільний онбордінг', 'iOS онбордінг', 'реєстрація на телефоні' або '移动端引导'.

Прев’ю Motion Frames прототип
@open-design Open Design
Читати повний промпт →

Motion Frames

Однокадрова композиція motion-дизайну із зацикленими CSS-анімаціями — обертове текстове кільце, анімований глобус, таймер, parallax-мітки. Рендериться як постер hero-відео для HyperFrames або будь-якого експортера на основі ключових кадрів. Підходить для motion-дизайну, анімованих hero-секцій, циклічного відео та титульних карток.

Прев’ю Лендінг Open Design прототип
@open-design Open Design
Читати повний промпт →

Лендінг Open Design

Створює односторінковий редакційний лендінг у візуальній мові Atelier Zero (колаж Monocle / Apartamento / Études). Заповнює inputs.json з брифу бренду, опціонально генерує 16 колажних ресурсів через gpt-image-2 та видає автономний HTML-файл з анімацією прокрутки та фіксованою навігацією.

Прев’ю Orbit Загальний прототип
@open-design Open Design
Читати повний промпт →

Orbit Загальний

Автоматично активується Orbit при підключенні двох або більше конекторів. Збирає дані за останні 24 години з усіх авторизованих конекторів (GitHub, Linear, Notion, Slack, 飞书, Календар, Gmail, Drive, Sentry, Vercel тощо) та створює адаптивну панель керування у форматі бенто-сітки вгорі "我的设计". Виконується автоматично щоденним планувальником Orbit.

Прев’ю Orbit Github прототип
@open-design Open Design
Читати повний промпт →

Orbit Github

Навичка Orbit для автоматичного створення щоденних зведень на основі підключень GitHub. Отримує PR, запити на перевірку, завдання, запуски CI та злиття за останні 24 години та відображає їх у стилі нативних сповіщень GitHub. Автоматично викликається планувальником щоденних зведень Orbit.

Прев’ю Orbit Gmail прототип
@open-design Open Design
Читати повний промпт →

Orbit Gmail

Витягує активність поштової скриньки за останні 24 години та створює щоденний дайджест, коли Gmail є єдиним підключеним сервісом або явно обраний користувачем. Автоматично запускається планувальником Orbit, не потребує ручного запуску.

Прев’ю Orbit Linear прототип
@open-design Open Design
Читати повний промпт →

Orbit Linear

Автоматично запускається конвеєром Orbit, коли Linear є єдиним підключеним конектором користувача або коли користувач явно обмежує щоденну збірку Linear. Витягує дані за останні 24 години про переміщення завдань, зміни статусів, призначення та прогрес циклів, відображаючи їх у візуальній мові вхідних Linear.

Прев’ю Orbit Notion прототип
@open-design Open Design
Читати повний промпт →

Orbit Notion

Навичка брифінгу Open Orbit — обирається конвеєром Orbit, коли Notion є єдиним підключеним конектором користувача або коли користувач явно обмежує свій щоденний дайджест Notion. Витягує редагування документів, коментарі, згадки та зміни рядків бази даних за останні 24 години з автентифікованого підключення Notion користувача та відображає дайджест як рідну сторінку Notion (елементи callout/toggle/таблиця бази даних). Цю навичку не слід запускати вручну — вона викликається планувальником щоденних дайджестів Orbit для роботи з актуальними даними Notion.

Прев’ю Специфікація продукту прототип
@open-design Open Design
Читати повний промпт →

Специфікація продукту

Специфікація продукту/PRD на одній сторінці — проблема, метрики успіху, масштаб, користувацькі історії, нотатки дизайну, план впровадження, відкриті питання. Для специфікацій продукту та брифів функцій.

Прев’ю Сторінка з цінами прототип
@open-design Open Design
Читати повний промпт →

Сторінка з цінами

Окрема сторінка з цінами — заголовок, рівні тарифів, таблиця порівняння функцій та FAQ. Використовуйте, коли бриф вимагає сторінку з 'цінами', 'тарифами', 'рівнями підписки' або 'порівнянням тарифів'.

Прев’ю SaaS Landing прототип
@open-design Open Design
Читати повний промпт →

SaaS Landing

Односторінковий лендінг SaaS з hero-секцією, можливостями, соціальними доказами, цінами та CTA. Відповідає активним токенам кольору/типографіки/макета з DESIGN.md. Ключові слова: "saas landing", "marketing page", "product landing".

Прев’ю Соціальна карусель прототип
@open-design Open Design
Читати повний промпт →

Соціальна карусель

Трикарткова карусель для соцмереж у форматі 1080×1080 квадратів – три кінематографічні панелі в стилі бренду із заголовками, що з'єднуються впродовж серії ('вперед.' → 'до наступного.' → 'дивлячись уперед.'). Кожна картка містить логотип бренду, номер/усього, підпис та індикатор 'петлі'. Використовуйте для запитів 'карусельний пост', 'соціальна карусель', 'карусель Instagram', 'серія LinkedIn', 'картки треду X' або '三连发'.

Прев’ю Панель соціальних мереж прототип
@open-design Open Design
Читати повний промпт →

Панель соціальних мереж

Панель аналітики соціальних мереж для авторів в одному HTML-файлі. З перемикачем платформ (X / LinkedIn / YouTube / Instagram), картками KPI (підписники, залученість, лайки, репости), графіком зростання підписників, попереднім переглядом топового посту тижня та бічною панеллю трендових тем/коментарів.

Прев’ю Спрайт-анімація прототип
@open-design Open Design
Читати повний промпт →

Спрайт-анімація

Анімований пояснювальний слайд у піксельному стилі з кремовим фоном, жирним відображенням року, анімованим піксельним талісманом (карта Hanafuda, гриб або 8-бітна консоль), кінетичною японською типографікою та стрічкою таймлайну. Чиста CSS-анімація, готова до запису у вертикальне відео.

Прев’ю Командні OKR прототип
@open-design Open Design
Читати повний промпт →

Командні OKR

Сторінка відстеження OKR з банером кварталу, трьома цілями з ключовими результатами у вигляді прогрес-барів, аватарами власників, статусними мітками та бічною панеллю 'огляд кварталу'. Використовуйте при згадці OKR, ключових результатів, цілей або 目标.

Прев’ю Tweaks прототип
@open-design Open Design
Читати повний промпт →

Tweaks

Додає панель живого керування до будь-якого HTML-елемента для налаштування акцентного кольору, типографічної шкали, щільності, руху та теми. Зміни миттєво застосовуються до користувацьких властивостей CSS і зберігаються в localStorage.

Прев’ю Сторінка списку очікування прототип
@open-design Open Design
Читати повний промпт →

Сторінка списку очікування

Мінімалістична передзапускова цільова сторінка із захопленням електронної пошти, логотипом бренду та опціональним декоративним шаром. Зчитує кольори, типографіку та правила компонування з DESIGN.md. Підходить для запуску продуктів, реєстрації на бета-тестування, програм раннього доступу та інді-проектів.

Прев’ю Веб-прототип прототип
@open-design Open Design
Читати повний промпт →

Веб-прототип

Універсальний веб-прототип для десктопа. Автономний HTML-файл створюється копіюванням `assets/template.html` та вставкою макетів з `references/layouts.md`. За замовчуванням для посадкових, маркетингових, документаційних або SaaS-сторінок.

Прев’ю Web Prototype Taste Brutalist прототип
@open-design Open Design
Читати повний промпт →

Web Prototype Taste Brutalist

Веб-прототип у стилі швейцарського промислового друку. Газетне полотно, монолітний чорний гротеск, цифри що виходять за межі viewport, тонкі роздільники сітки, небезпечно-червоний акцент, ASCII-декор синтаксису. Створено на основі Leonxlnx/taste-skill `brutalist-skill` (режим швейцарського промислового друку).

Прев’ю Web Prototype Taste Soft прототип
@open-design Open Design
Читати повний промпт →

Web Prototype Taste Soft

М'який веб-прототип рівня Apple. Сріблясто-кремове полотно, картки з подвійною рамкою, вкладені кнопки CTA, щедрі squircle-радіуси, пружна анімація та ambient-сітка. На основі soft-skill з Leonxlnx/taste-skill та розділів 4–8.

Прев’ю Вайрфрейм-ескіз прототип
@open-design Open Design
Читати повний промпт →

Вайрфрейм-ескіз

Вайрфрейм у стилі ручного начерку: фон у клітинку, текстура маркера/олівця, варіанти вкладок, стікери із замітками та заштриховані заповнення. Підходить для запитів «вайрфрейм», «ескіз», «lo-fi», «дошка».

Прев’ю X Research прототип
@open-design Open Design
Читати повний промпт →

X Research

Дослідження громадських настроїв у X/Twitter щодо ринків, компаній, продуктів або спільнот. Використовуйте для аналізу суспільної думки, експертних публікацій або соціальних реакцій на акції, сектори, компанії, продукти або ринкові події.