OpenAI

Бюджет-трекер: повний код додатку для фінансів

Створіть потужний бюджет-трекер з дашбордом, графіками, експортом у CSV/PDF та прогнозуванням фінансів.

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

Генератор рецептів: повноцінний веб-додаток з API

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

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

Веб-музичний плеєр з еквалайзером та візуалізацією

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

>_ Промпт
Розробіть веб-музичний плеєр з використанням HTML5, CSS3 та JavaScript з Web Audio API. Створіть сучасний інтерфейс з відображенням обкладинок альбомів та візуалізацією. Реалізуйте керування плейлистами з можливістю перетягування для зміни порядку. Додайте аудіоконтролі: play/pause, перемикання треків, перемотування, гучність та швидкість відтворення. Включіть режими shuffle та repeat з візуальними індикаторами. Забезпечте підтримку кількох аудіоформатів з резервними варіантами. Реалізуйте 10-смуговий еквалайзер з пресетами. Додайте витяг та відображення метаданих з аудіофайлів. Створіть адаптивний дизайн для всіх пристроїв. Включіть клавіатурні скорочення для керування відтворенням. Забезпечте фонове відтворення з інтеграцією Media Session API.

Промпт для портрета з подвійною експозицією: Лісова магія

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

>_ Промпт
Портрет з подвійною експозицією, події якого розгортаються у ${name:сонячному лісі}. Силует профілю, звернений ліворуч, що показує голову та плечі людини. Внутрішня частина силуету повністю заповнена лісовим пейзажем з багатою глибиною. Глибоко всередині цієї сцени, серед природних елементів, та сама людина з’являється знову як фігура у повний зріст, інтегрована в середовище. Зовнішній фон — яскраве, переекспоноване біле світло. Світло м’яко проникає всередину від країв силуету, створюючи драматичне сяйво та ефект високого контрасту. Висока роздільна здатність, кінематографічне, м’яке світло, реалістична текстура, чіткі деталі.

Таймер для медитації на HTML5 з PWA та темами

Створіть функціональний таймер для медитації з анімованими гайдами дихання, природними звуками та офлайн-режимом PWA.

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

Калькулятор здоров’я на JavaScript: BMI, жир, калорії

Створіть професійний калькулятор здоров’я з розрахунком BMI, відсотка жиру, ідеальної ваги та калорій. HTML5, CSS3, JavaScript.

>_ Промпт
Створіть комплексний калькулятор показників здоров'я з використанням HTML5, CSS3 та JavaScript на основі медичних стандартів. Розробіть чистий, доступний інтерфейс з покроковими формами введення даних. Реалізуйте точний розрахунок BMI з візуальною шкалою класифікації та оцінкою ризиків для здоров'я. Додайте калькулятор відсотка жирової тканини з використанням кількох методів (Navy, Jackson-Pollock, симуляція BIA). Розрахуйте діапазони ідеальної ваги за кількома формулами (Hamwi, Devine, Robinson, Miller). Реалізуйте детальний калькулятор потреби в калоріях з BMR (використовуючи рівняння Harris-Benedict, Mifflin-St Jeor та Katch-McArdle) і TDEE на основі рівнів активності. Включіть персоналізовані рекомендації щодо здоров'я на основі розрахованих показників. Підтримайте як метричну, так і імперську системи з плавним перетворенням. Зберігайте профілі користувачів та історію вимірювань з візуалізацією трендів. Генеруйте інтерактивні графіки прогресу, що показують зміни з часом. Створіть можливість друку/експорту PDF-звітів з усіма показниками та рекомендаціями.

Науковий калькулятор на JavaScript: повний гайд

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

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

Pomodoro Timer на JavaScript: повноцінний веб-додаток

Створіть елегантний Pomodoro-таймер з анімованим інтерфейсом, статистикою продуктивності та PWA-підтримкою для ефективного тайм-менеджменту.

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

Колірний інструмент Pro: палітри, градієнти, WCAG та код CSS

Створіть професійний веб-інструмент для роботи з кольором. Генеруйте палітри та градієнти, конвертуйте формати, перевіряйте доступність за WCAG та отримуйте готові CSS/SCSS/SVG фрагменти коду.

>_ Промпт
Створіть професійний колірний інструмент за допомогою HTML5, CSS3 та JavaScript для дизайнерів та розробників. Створіть інтуїтивно зрозумілий інтерфейс з кількома методами вибору, включаючи піпетку, колірне колесо, повзунки та поля введення. Реалізуйте конвертацію в реальному часі між колірними форматами (RGB, RGBA, HSL, HSLA, HEX, CMYK) з функцією копіювання. Додайте генератор колірних палітр з опціями для комплементарних, аналогових, тріадичних, тетрадичних та монохроматичних схем. Включіть систему обраного з названими колекціями та опціями експорту. Реалізуйте візуалізацію правил колірної гармонії з інтерактивним налаштуванням. Створіть генератор градієнтів, що підтримує лінійні, радіальні та конічні градієнти з кількома колірними зупинками. Додайте перевірку доступності для відповідності WCAG з коефіцієнтами контрастності та симуляцією дальтонізму. Реалізуйте копіювання фрагментів коду CSS, SCSS та SVG в один клік. Включіть алгоритм іменування кольорів для пропонування назв вибраних кольорів. Підтримуйте експорт палітр у різні формати (Adobe ASE, JSON, CSS variables, SCSS).

Інструмент шифрування файлів з AES-256 та Web Crypto API

Створіть безпечний клієнтський інструмент шифрування файлів з AES-256-GCM, PBKDF2 та drag-and-drop інтерфейсом для захисту ваших даних.

>_ Промпт
Створіть клієнтський інструмент шифрування файлів, використовуючи HTML5, CSS3 та JavaScript з Web Crypto API. Розробіть drag-and-drop інтерфейс для вибору файлів з індикаторами прогресу. Реалізуйте AES-256-GCM шифрування з безпечною деривацією ключів з паролів (PBKDF2). Додайте підтримку одночасного шифрування кількох файлів з пакетною обробкою. Включіть перевірку надійності пароля з розрахунком ентропії. Генеруйте завантажувані зашифровані файли з власним розширенням. Створіть інтерфейс дешифрування з перевіркою пароля. Реалізуйте безпечну роботу з пам'яттю з автоматичним очищенням конфіденційних даних. Додайте детальні логи операцій шифрування без збереження конфіденційної інформації. Включіть експорт/імпорт ключів шифрування з відповідними попередженнями безпеки. Забезпечте підтримку великих файлів з використанням потокового шифрування та блочної обробки.