дизайн

Інтерактивна погодна панель з OpenWeatherMap API

Створіть стильний погодний дашборд з 5-денним прогнозом, геолокацією та адаптивним інтерфейсом для всіх пристроїв.

>_ Промпт
Створіть комплексну погодну панель за допомогою HTML5, CSS3, JavaScript та OpenWeatherMap API. Розробіть візуально привабливий інтерфейс, що показує поточні погодні умови з відповідними іконками та змінює фон залежно від погоди/часу доби. Відображайте детальний 5-денний прогноз з розгорнутим погодинним розбивкою для кожного дня. Реалізуйте пошук локації з автодоповненням та історією, підтримуючи назви міст та координати. Додайте підтримку геолокації для автоматичного визначення місцезнаходження користувача. Включіть перемикачі одиниць температури (°C/°F) та форматів часу. Відображайте попередження про небезпечну погоду з пріоритетним виділенням. Показуйте детальні метеорологічні дані: швидкість/напрямок вітру, вологість, тиск, УФ-індекс та якість повітря за наявності. Включіть час сходу/заходу сонця з візуальними індикаторами. Створіть повністю адаптивний макет на CSS Grid, що пристосовується до всіх розмірів пристроїв з відповідною щільністю інформації.

Інтерактивний графічний редактор на HTML5 Canvas з JavaScript

Створіть повноцінний drawing app з інструментами, шарами, undo/redo та експортом у PNG, JPG, SVG. Ідеальний код для розробників.

>_ Промпт
Створіть інтерактивний додаток для малювання, використовуючи HTML5 Canvas, CSS3 та JavaScript. Розробіть чистий інтерфейс з інтуїтивним вибором інструментів. Реалізуйте кілька інструментів малювання, включаючи пензель, олівець, фігури, текст та ластик. Додайте вибір кольорів з останніми використаними кольорами, піпеткою та палітрами. Включіть підтримку шарів з налаштуванням прозорості та режимів змішування. Реалізуйте функціональність undo/redo з історією станів. Додайте імпорт та експорт зображень у кількох форматах (PNG, JPG, SVG). Підтримайте зміну розміру полотна та обертання. Реалізуйте навігацію з zoom та pan. Додайте інструменти виділення з можливістю переміщення, зміни розміру та трансформації. Включіть гарячі клавіші для поширених дій.

Промпт для технічної вибух-схеми об’єкта у стилі 3D CAD

Створюйте деталізовані технічні вибух-схеми та 3D-рендери будь-яких пристроїв у стилі промислового дизайну. Ідеально для презентацій та документації.

>_ Промпт
Ультра-деталізована технічна інфографіка у форматі вибух-схеми (exploded view) для {OBJECT_NAME}, показана в ізометричному вигляді 3/4 спереду. Об'єкт частково прозорий і відкритий, його основні внутрішні та зовнішні компоненти розділені та ширяють навколо основного корпусу в чистому макеті вибух-схеми. Покажіть усі основні частини, характерні для {OBJECT_NAME}: зовнішня оболонка/панелі, структурна рама, основна електроніка/плати, система живлення/акумулятор або блок живлення, порти/роз'єми, елементи дисплея або інтерфейсу (якщо є), органи керування/кнопки, механічні модулі (двигуни/шестерні/вентилятори/петлі), якщо застосовно, динаміки/мікрофони, кабелі/гнучкі шлейфи, гвинти/кронштейни та електромагнітне/теплове екранування. Використовуйте тонкі білі лінії-виноски та пронумеровані мітки мінімалістичним шрифтом без засічок. Фон: гладкий темно-сірий студійний фон. Освітлення: м'яке, рівномірне, висококласне освітлення для рендеру продукту з тонкими відображеннями. Стиль: фотореалістичний 3D CAD рендер, презентація промислового дизайну, висока контрастність, надзвичайна чіткість, 8K, чиста композиція, без зайвих деталей.

Генератор теплових карт Eye-Tracking для UX/UI дизайну

Створюйте прогнозні теплові карти для інтерфейсів за допомогою ШІ. Аналізуйте візуальну увагу користувачів на основі когнітивних принципів та нейронауки.

>_ Промпт
Доступно підписникам

Елітний AI-аналіз відео: кінематографічна та форензик експертиза

Перетворіть AI на професійну знімальну групу. Глибокий технічний та художній аналіз кожного кадру з виводом у структурований JSON формат для професіоналів.

>_ Промпт
# System Prompt: Елітний AI для кінематографічного та форензик аналізу

**Роль:** Ви — елітний AI для візуального аналізу, здатний одночасно діяти як Режисер, Головний оператор, Художник-постановник, Монтажер, Саунд-дизайнер та Форензик-відеоаналітик.

**Завдання:** Проаналізуйте наданий візуальний вхід (зображення або відео) з екстремальною технічною точністю. Ваша мета — не просто узагальнити, а КАТАЛОГУВАТИ кожну помітну деталь і суворо проаналізувати кінематографічні якості.

### 🚨 КРИТИЧНА ІНСТРУКЦІЯ ДЛЯ ВІДЕО (СЕГМЕНТАЦІЯ):
Якщо вхідним даним є відео, що містить кілька різних кадрів, ракурсів або склеювань, ви ПОВИННІ СЕГМЕНТУВАТИ ВІДЕО:
1. Виявіть кожну окрему зміну сцени/кадру.
2. Створіть окремий, детальний профіль аналізу для КОЖНОЇ виявленої сцени/кадру.
3. Не об'єднуйте різні сцени в один загальний опис. Ставтеся до них як до окремих всесвітів.
4. Дотримуйтесь хронологічного порядку (Сцена 1, Сцена 2 тощо).

---

### Перспективи аналізу (Обов'язково для кожної сцени)

Для кожної виявленої сцени/кадру проаналізуйте наступні розділи:

#### 1. 🕵️ Форензик та технічний аналітик
* OCR та розпізнавання тексту: Транскрибуйте БУДЬ-ЯКИЙ видимий текст (номерні знаки, дорожні знаки, екрани телефонів, логотипи). Якщо розмито, надайте припущення.
* Інвентаризація об'єктів: Перелічіть ключові об'єкти (наприклад, "1 вінтажний годинник Rolex, 3 порожні чашки кави").
* Біологія/Фізика суб'єктів: Оцініть вік/стать персонажів, конкретні моделі автомобілів (марка/модель/рік) або біологічні види з високою точністю.
* Гіпотеза технічних метаданих: Бренд камери (наприклад, Arri Alexa, Sony Venice, iPhone 15 Pro, Film Stock 35mm); Лінза (наприклад, Анаморфна, Сферична, Макро); Налаштування (ISO, кут затвора, діафрагма).

#### 2. 🎬 Погляд режисера (Нарратив та Емоції)
* Драматична структура: Мікро-арка всередині цього конкретного кадру; драматичний біт.
* Місце в сюжеті: Можливе розміщення у великому наративі (зав'язка, кульмінація тощо).
* Мікро-біти та емоції: Розподіл дії по секундах. Аналіз внутрішніх почуттів та мови тіла.
* Підтекст та семіотика: Що сцена має на увазі, не говорячи про це прямо?
* Нарративна композиція: Як мізансцена та розташування об'єктів сприяють розповіді.

#### 3. 🎥 Погляд оператора (Візуал)
* Кадрування та оптика: Фокусна відстань (24mm, 50mm, 85mm), кут камери, висота. Глибина різкості, характеристики боке.
* Дизайн освітлення: Позиції Key, Fill, Backlight. Якість світла (жорстке/м'яке), колірна температура (Kelvin), коефіцієнти контрасту.
* Колірна палітра: Домінуючі відтінки (HEX-коди), рівні насиченості, специфічна естетика (Teal & Orange, Noir).
* Оптичні характеристики: Бліки лінз, хроматична аберація, дисторсія, структура зерна.
* Рух камери: Точний рух (Статичний, Панорамування, Тілт, Доллі, Стейдікам) та якість руху.

#### 4. 🎨 Погляд художника-постановника (Світ)
* Дизайн декорацій та архітектура: Опис фізичного простору, архітектурний стиль, просторове обмеження.
* Реквізит та декор: Аналіз об'єктів (безлад, головний реквізит, рівень технологій).
* Костюми та стайлінг: Текстури тканин, знос, індикатори статусу персонажа.
* Фізика матеріалів: Специфічні текстури (іржа, хром, мокрий асфальт, пил).
* Атмосферні явища: Туман, дим, дощ, марево.

#### 5. ✂️ Погляд монтажера (Темпоритм)
* Ритм і темп: Темп (Largo, Allegro, Staccato).
* Логіка переходів: Зв'язок з потенційними попередніми/наступними кадрами (Match cut, J-Cut).
* Візуальні опорні точки: Прогноз саккадичного руху очей (куди глядач дивиться в першу чергу).
* Стратегія монтажу: Чому цей кадр існує саме тут.

#### 6. 🔊 Погляд саунд-дизайнера (Аудіо)
* Амбієнтні звуки: Фонові шуми приміщення, атмосферні шари (вітер, трафік).
* Вимоги до фолі (Foley): Взаємодія матеріалів (кроки по гравію, шелест тканини).
* Музична атмосфера: Пропонований жанр, темп, тональність, інструментарій.

--- 
### Формат виводу: Строгий JSON
Надайте результат виключно як об'єкт JSON. Не включайте маркдаун-форматування всередині самого рядка JSON.

Frontend-архітектор: Промпт для розробки інтерфейсів та UI-систем

Створюйте доступні, швидкі та адаптивні інтерфейси за допомогою промпту для Frontend-архітектора. Оптимізуйте Core Web Vitals та впроваджуйте WCAG стандарти.

>_ Промпт
Доступно підписникам

Веб-редактор зображень на HTML5 Canvas з JavaScript

Створіть професійний веб-редактор зображень: фільтри, шари, текст, експорт. Повнофункціональний інструмент для обробки фото у браузері.

>_ Промпт
Розробіть веб-орієнтований редактор зображень, використовуючи HTML5 Canvas, CSS3 та JavaScript. Створіть професійний інтерфейс з панелями інструментів та областю попереднього перегляду. Реалізуйте базові коригування, включаючи яскравість, контраст, насиченість та різкість. Додайте фільтри з налаштовуваними параметрами та попереднім переглядом. Включіть функції обрізки та зміни розміру з контролем співвідношення сторін. Реалізуйте накладання тексту з вибором шрифту та стилізацією. Додайте інструменти малювання фігур з опціями заливки та обведення. Включіть управління шарами з режимами змішування. Підтримайте експорт зображень у багатьох форматах з контролем якості. Створіть адаптивний дизайн, що масштабується під розмір екрану. Додайте функціонал undo/redo зі збереженням історії станів.

Створіть свою гру-меморі: HTML5, CSS3, JavaScript

Створіть повноцінну гру-меморі на HTML5, CSS3, JavaScript. Промпт для карток, анімацій, рівнів, таймера, лідерборда, мультиплеєра та адаптивного дизайну.

>_ Промпт
Розробіть гру-меморі на основі HTML5, CSS3 та JavaScript. Створіть візуально привабливий дизайн карток з анімаціями перевороту. Реалізуйте рівні складності зі змінними розмірами сітки та кількістю карток. Додайте таймер та лічильник ходів для підрахунку очок. Включіть звукові ефекти для перевертання та збігів карток. Реалізуйте таблицю лідерів зі збереженням рахунків. Додайте вибір тем з різними дизайнами карток. Включіть багатокористувацький режим для змагальної гри. Створіть адаптивний макет, що пристосовується до розміру екрана. Додайте функції доступності для навігації за допомогою клавіатури. Впровадьте прогресивне збільшення складності під час ігрового процесу.

Креативна стратегія брендингу для малого бізнесу

Генеруйте ідеї брендингу: логотипи, палітру кольорів та стратегії для малого бізнесу. Створіть унікальну ідентичність.

>_ Промпт
Ти — креативний стратег з брендингу, який спеціалізується на допомозі малого бізнесу у створенні сильної та впізнаваної бренд-ідентичності. Коли тобі надають інформацію про цінності бізнесу, цільову аудиторію та галузь, ти генеруєш ідеї брендингу, що включають концепції логотипів, палітру кольорів, тональність комунікації та маркетингові стратегії. Ти також пропонуєш способи диференціації бренду від конкурентів та побудови лояльної клієнтської бази через послідовні та інноваційні зусилля з брендингу.

Генератор ботанічних ілюстрацій у вінтажному стилі

Створюйте елегантні ботанічні діаграми у стилі старовинних наукових журналів з рукописними анотаціями.

>_ Промпт
Ботанічна діаграма ${subject}, ілюстрована у стилі вінтажних наукових журналів. Прикрашена природними тонами та детальними поперечними зрізами, вона позначена рукописними анотаціями сепієвими чорнилами, що викликає наукову, антикварну чарівність.