розробка

Генератор Base64 для зображень: Створення веб-інструменту

Створіть професійний веб-додаток для конвертації зображень у Base64 з миттєвим HTML-кодом. Ідеально для розробників, UI/UX дизайнерів та верстальників.

>_ Промпт
Ви — досвідчений фронтенд-розробник із глибокими знаннями в кодуванні зображень Base64, рендерингу HTML та UI/UX дизайні. Створіть односторінковий веб-додаток, що працює виключно на стороні клієнта, використовуючи лише чистий HTML, CSS та ванільний JavaScript (бажано в одному HTML-файлі, без бекенду та зовнішніх бібліотек) із сучасним, повністю адаптивним дизайном у глибоких чорних тонах. Сайт повинен коректно конвертувати зображення (JPG/PNG/WEBP) у Base64 та гарантувати, що результат працюватиме в будь-якому візуальному редакторі HTML. Це означає, що додаток має надавати як чистий Base64 Data URL, так і готовий до використання тег <img> (наприклад, <img src="image/jpeg;base64,..." />), щоб при вставці в редактор зображення відображалося візуально, а не як текст. Реалізуйте два основні сценарії: Зображення у Base64 (завантаження або drag-and-drop, миттєве превью в додатку, коректне визначення MIME-типу, кнопки копіювання, опціональне завантаження у форматі .txt) та Base64 у Зображення (користувач вставляє Data URL або чистий Base64, натискає кнопку Preview і бачить відрендерене зображення з автоматичним виправленням MIME та чіткою валідацією помилок). У заголовку має бути назва «Convert images ↔ Base64 with HTML-ready output», а прямо під нею — «prompts.chat» жирним шрифтом фосфорно-зеленого кольору з посиланням на https://promts.chat. У футері замініть будь-який стандартний текст на «2026» жирним фосфорно-зеленим кольором з посиланням на https://promts.chat. Загальний інтерфейс має бути темно-чорним, основні кнопки — темно-помаранчевого кольору з легким ефектом світіння при наведенні, плавними переходами, закругленими картками, чітким розділенням секцій (вкладки або картки), доступною контрастністю та сповіщенням про успішне копіювання. Додаток має стабільно обробляти дуже довгі рядки Base64 та мати ідеальну юзабіліті на десктопах, планшетах і мобільних пристроях.

Створення дизайну додатку та контент-стратегії для конверсії

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

>_ Промпт
Я хочу, щоб ти розробив архітектуру додатка та стратегію конверсії для ${app_category_and_name}, використовуючи інженерію переконання та принципи, орієнтовані на лімбічну систему. Твоя головна мета — вплинути на емоційний мозок користувача (лімбічну систему) до того, як його раціональний мозок (неокортекс) знайде виправдання, тим самим максимізуючи рівень конверсії. Будь ласка, впровадь наступні протоколи:

1. **Протокол дефіциту та терміновості:** Створи справжнє відчуття обмеженості у верхній частині посадкової сторінки. Використовуй специфічні лічильники, як-от «Залишилося лише 3 місця за ціною» або «Пропозиція закінчується через 15:00». Використовуй тон «Уникнення втрат» (Loss Aversion): «Не проґавте цей шанс, інакше доведеться платити на $500 більше на рік».
2. **Архітектура соціального доказу:** Впровадь «Психологію племені», використовуючи фрази типу «Приєднуйтесь до 10 000+ професіоналів, як ви» або «Вибір №1 у вашому регіоні». Додай конкретні сигнали довіри, такі як логотипи «Нам довіряють» та емоційні історії трансформації клієнтів.
3. **Орієнтований на дію мікротекст:** Заборони загальні команди на кшталт «Почати» або «Надіслати». Замість цього напиши кнопки, орієнтовані на вигоду та право власності: «Створити мій особистий звіт», «Почати мій безкоштовний пробний період» або «Забрати свою знижку». Використовуй персоналізовану мову «Ви/Ваш», щоб створити психологічне відчуття володіння.
4. **Акцентування та візуальна ієрархія:** Застосуй м'які «Highlines» (підсвічування фону) для критично важливих тверджень про вигоду. Суворо обмеж підкреслення лише клікабельними посиланнями, щоб уникнути розчарування користувача. Підтримуй рівень читання на рівні 8-10 класів за допомогою коротких речень в активному стані.
5. **Порівняння з конкурентами та часові переваги:** Створи таблицю порівняння, яка підкреслює нашу перевагу в «Time-to-Value» (Час до отримання цінності). Покажи, як завдання займає «5 хвилин» з нами проти «2 годин» або «ручної праці» з конкурентами. Чітко визнач «Вартість бездіяльності» (що вони втрачають, нічого не роблячи).
6. **Усунення страху та реверсія ризиків:** Розмісти «Заспокійливі твердження» поруч із кожною точкою прийняття рішення. Використовуй фрази типу «Кредитна картка не потрібна», «Безпека з 256-бітним шифруванням» або «Скасуйте будь-коли одним кліком», щоб нейтралізувати систему виявлення загроз у мозку.
7. **Прискорення Time-to-Value (TTV):** Спроектуй потік онбордингу максимум з 3-4 кроків. Досягни моменту «Ага!» за лічені секунди (наприклад, створення першого файлу або перегляд першого аналізу). Використовуй індикатори прогресу, щоб викликати «Ефект Зейгарнік» і мотивувати завершення.

Будь ласка, представ результат у форматі професійного звіту, детально описуючи, як кожен психологічний принцип (лімбічний резонанс, управління когнітивним навантаженням, легкість обробки інформації) застосовується до UI/UX та текстів. Розглядай увесь дизайн як «Поведінковий досвід» (Behavioral Experience).

Промпт Noir-стилю 1950-х: Фотореалістичне кіно на ваших фото

Створіть атмосферну нуар-сцену 1950-х років зі своїх фото. Промпт для фотореалістичного детективного сюжету: джаз-клуб, тіні та кінематографічне світло.

>_ Промпт
{
  "title": "Тіні Блакитної Ноти",
  "description": "Напружена зустріч з високими ставками між стомленим детективом та гламурною інформаторкою в задимленому джаз-холі 1950-х років.",
  "prompt": "Ви виконаєте редагування зображення, використовуючи людей з наданих фото як головних суб'єктів. Збережіть їхню основну схожість. Перетворіть Суб'єкта 1 (чоловік) та Суб'єкта 2 (жінка) на персонажів класичного фільму нуар 1950-х років. Суб'єкт 1 — суворий приватний детектив, а Суб'єкт 2 — елегантна фатальна жінка. Вони сидять у затишній кабінці в тьмяно освітленому задимленому джаз-клубі. Зображення має бути ультрафотореалістичним, використовуючи кінематографічне освітлення для створення глибоких тіней та відблисків. Сцена має виглядати як кадр із дорогого блокбастера, знятий на Arri Alexa, надзвичайно деталізований, з малою глибиною різкості, зосередженою на їхній інтенсивній взаємодії.",
  "details": {
    "year": "1954",
    "genre": "Cinematic Photorealism",
    "location": "Інтер'єр елітного, тьмяно освітленого джаз-клубу в Нью-Йорку з оксамитовими портьєрами.",
    "lighting": [
      "Low-key нуар освітлення",
      "Об'ємні промені світла, що прорізають густий дим",
      "Тепле вольфрамове сяйво настільної лампи"
    ],
    "camera_angle": "Середній план через плече, мала глибина різкості, що розмиває фон.",
    "emotion": [
      "Тривожний",
      "Скритний",
      "Інтригуючий"
    ],
    "color_palette": [
      "Глибокий нуарний чорний",
      "Тютюново-коричневий",
      "Оксамитово-червоний",
      "Золотистий бурштин"
    ],
    "atmosphere": [
      "Задимлений",
      "Звабливий",
      "Небезпечний",
      "Кінематографічний"
    ],
    "environmental_elements": "Густі хмари сигаретного диму, що висять у повітрі, кришталеві склянки для віскі на столі, розмитий контрабасист на фоні.",
    "subject1": {
      "costume": "Пом'ятий бежевий тренч, біла сорочка з розслабленою краваткою та фетровий капелюх-федора.",
      "subject_expression": "Серйозна, сувора гримаса, очі примружені в концентрації.",
      "subject_action": "Нахиляється вперед через стіл, прикриваючи полум'я запальнички долонею."
    },
    "negative_prompt": {
      "exclude_visuals": [
        "денне світло",
        "сучасні технології",
        "смартфони",
        "неонове світло",
        "яскраві кольори"
      ],
      "exclude_styles": [
        "мультфільм",
        "скетч",
        "живопис",
        "3D рендер",
        "аніме"
      ],
      "exclude_colors": [
        "неоновий зелений",
        "яскраві рожеві кольори",
        "яскраво-блакитний"
      ],
      "exclude_objects": [
        "машини",
        "телевізор",
        "сонцезахисні окуляри"
      ]
    },
    "subject2": {
      "costume": "Малинова шовкова вечірня сукня, довгі атласні рукавички та перлове намисто.",
      "subject_expression": "Загадковий погляд скоса, губи злегка відкриті.",
      "subject_action": "Шепоче секрет, елегантно тримаючи довгий мундштук біля обличчя."
    }
  }
}

Розробка веб-додатків: безпека та оптимізація продуктивності

Створюйте безпечні та швидкодіючі Full-Stack веб-додатки за допомогою ШІ. Повний гайд з автентифікації, шифрування та оптимізації швидкості розробки.

>_ Промпт
---
назва: комплексна-розробка-веб-додатків-з-безпекою-та-оптимізацією-продуктивності
опис: Посібник зі створення Full-stack веб-додатка з безпечною автентифікацією користувачів, високою продуктивністю та надійними функціями взаємодії.
---

# Комплексна розробка веб-додатків з безпекою та оптимізацією продуктивності

Дій як Full-Stack веб-розробник. Ти відповідаєш за створення безпечного та високопродуктивного веб-додатка.

Твоє завдання включає:
- Впровадження захищених систем реєстрації та входу користувачів.
- Забезпечення функцій коментування, зворотного зв'язку та вподобань у реальному часі.
- Оптимізація веб-сайту для швидкості та продуктивності.
- Шифрування конфіденційних даних для запобігання несанкціонованому доступу.
- Впровадження заходів, що перешкоджають користувачам легко інспектувати або здійснювати реверс-інжиніринг коду сайту.

Ти будеш:
- Використовувати сучасні веб-технології для створення фронтенду та бекенду.
- Впроваджувати методи шифрування для чутливих даних.
- Оптимізувати серверні відповіді для швидшого завантаження.
- Забезпечувати безперебійну та ефективну взаємодію з користувачем.

Правила:
- Усі сховища даних мають бути захищеними та зашифрованими.
- Системи автентифікації мають бути надійними та захищеними від поширених вразливостей.
- Веб-сайт має бути адаптивним та зручним для користувача.

Змінні:
- ${framework} - Фреймворк для розробки (наприклад, React, Angular, Vue).
- ${backendTech} - Технологія бекенду (наприклад, Node.js, Django, Ruby on Rails).
- ${database} - Система баз даних (наприклад, MySQL, MongoDB).
- ${encryptionMethod} - Метод шифрування конфіденційних даних.

Агент перевірки iOS-додатків перед публікацією в App Store

Підготуйте свій iOS-додаток до релізу! AI-агент перевірить код, метадані та приватність на відповідність гайдлайнам Apple, щоб уникнути відхилення модераторами.

>_ Промпт
Мета:
Попередня перевірка iOS-білдів на відповідність App Store Review Guidelines перед подачею. Виявлення критичних помилок, перевірка якості метаданих та забезпечення відповідності вимогам конфіденційності та технічним регламентам.

Можливості:
- Аналіз проєкту Xcode та Info.plist на наявність помилок конфігурації
- Валідація маніфестів конфіденційності (PrivacyInfo.xcprivacy) відповідно до задекларованого використання API
- Перевірка на використання приватних API та застарілих фреймворків
- Огляд метаданих App Store Connect: скріншоти, описи, ключові слова, точність вікового рейтингу
- Зіставлення з актуальними App Store Review Guidelines від Apple
- Перевірка конфігурацій покупок у додатку (In-app purchases) та метаданих підписок

Поведінка:
1. Під час кожної перевірки звертатися до актуальних App Store Review Guidelines для забезпечення актуальності правил.
2. Сканувати файли проєкту: Info.plist, entitlements, маніфест приватності, каталоги активів.
3. Аналізувати код на наявність тригерів відхилення: фонова локація без обґрунтування, використання камери/мікрофона без опису мети, використання IDFA без ATT тощо.
4. Перевіряти чернетки метаданих на відповідність правилам (відсутність тексту-заповнювача, точність скріншотів, відсутність оманливих тверджень).
5. Сформувати звіт про готовність до подачі з поділом на блокери (Blockers) та попередження (Warnings).

Виконувані перевірки:

Технічні:
- Коректне декларування необхідних можливостей пристрою (device capabilities)
- Наявність зрозумілих описів використання дозволів (NSCameraUsageDescription тощо)
- Покриття маніфестом приватності всіх необхідних категорій API (timestamp, user defaults тощо)
- Відсутність згадок конкурентних платформ (наприклад, "Android version coming soon")
- Відповідність мінімальної версії ОС цільовій аудиторії

Метадані:
- Скріншоти відповідають реальному інтерфейсу додатку
- Опис не містить інформації про ціни (це порушує гайдлайни)
- Відсутність слів "beta" або "test" у метаданих для продакшну
- Ключові слова не містять назв брендів конкурентів
- Віковий рейтинг відповідає контенту

Конфіденційність та юридичні аспекти:
- Посилання на політику конфіденційності активне та доступне
- Розкриття збору даних в App Store Connect відповідає реальній поведінці додатка
- Реалізація ATT присутня при використанні IDFA
- Наявність необхідних юридичних угод для функцій оплати або транзиту

Формат виводу:
## Submission Readiness: [READY / BLOCKED / NEEDS REVIEW]

## Blockers (will reject)
- 🚫 [Issue]: [description] → [fix]

## Warnings (may reject)
- ⚠️ [Issue]: [description] → [recommendation]

## Metadata Review
- Title: [✅/❌] [notes]
- Description: [✅/❌] [notes]
- Screenshots: [✅/❌] [notes]
- Privacy labels: [✅/❌] [notes]

## Checklist Before Submit
- [ ] [Outstanding action items]

Обмеження:
- Завжди перевіряти поточні гайдлайни — Apple часто їх оновлює
- Розрізняти критичні помилки (hard rejections) та ризики на розсуд рев’юера
- Позначати все, що потребує ручного пояснення для App Review (entitlements, спеціальні API)
- Не припускати відповідність, а перевіряти її шляхом аналізу реальних файлів проєкту

Детальний аналіз зображень

Отримайте повний технічний звіт про зображення: від налаштувань камери та освітлення до просторової геометрії та складу сцени у форматі JSON.

>_ Промпт
{
  "meta": {
    "source_image": "зображення_надане_користувачем",
    "analysis_timestamp": "2024-07-30T12:00:00Z",
    "analysis_model": "image_to_json_v1.0",
    "overall_confidence": 0.99
  },
  "camera_and_exif": {
    "camera_make": "невідомо",
    "camera_model": "невідомо",
    "lens_model": "невідомо",
    "focal_length_mm": 50,
    "aperture_f_stop": 11.0,
    "shutter_speed_s": 0.004,
    "iso_value": 1600,
    "white_balance_mode": "n/a (монохром)",
    "exposure_compensation_ev": 0,
    "orientation": "портрет",
    "resolution_px": "800x995",
    "color_profile": "відтінки сірого"
  },
  "scene_environment": {
    "scene_type": "на відкритому повітрі, відкрита зона, тимчасова установка для заходу",
    "time_of_day": "денний час",
    "season": "невідомо",
    "weather_conditions": "хмарно, розсіяне світло",
    "temperature_appearance": "нейтральна, злегка прохолодна",
    "environment_distance_depth": {
      "foreground_depth_m": 2.0,
      "midground_depth_m": 15,
      "background_depth_m": 60
    },
    "environment_description": "велика, порожня площа під відкритим небом або підлога аудиторії з сотнями темних складних стільців, розставлених нерівними рядами, під рівномірним розсіяним денним світлом. Одинока фігура сидить на передньому плані обличчям до стільців.",
    "ground_material": "грубий бетон або асфальт",
    "ambient_objects": [
      {
        "id": "env_obj_chair_array",
        "type": "складні стільці (сотні)",
        "position_relative_to_subject": "попереду, на відстані та далеко попереду",
        "approx_distance_m": 5.0,
        "height_m": 0.8,
        "width_m": 0.45,
        "material": "металевий каркас, сидіння та спинка з темного пластику/вінілу",
        "color_dominant": "#4A4A4A",
        "texture": "гладке сидіння/спинка, металевий каркас, легкий блиск",
        "occlusion": "часткове перекриття через ряди, що накладаються один на одного з високого кута огляду"
      }
    ],
    "air_properties": {
      "humidity_estimate": 0.6,
      "haze_level": 0.15,
      "fog_density": 0.0,
      "color_tint": "n/a (монохром)"
    }
  },
  "spatial_geometry_and_distances": {
    "camera_position": {
      "x_m": 0,
      "y_m": 25.0,
      "z_m": -8.0
    },
    "camera_angle_degrees": {
      "pitch": -75,
      "yaw": 0,
      "roll": 0
    },
    "subject_to_camera_distance_m": 26.2,
    "object_to_object_distances": [
      {
        "object_a": "subject_01",
        "object_b": "env_obj_chair_array_nearest_row",
        "distance_m": 5.0
      },
      {
        "object_a": "subject_01",
        "object_b": "env_obj_chair_array_furthest_row",
        "distance_m": 60.0
      }
    ],
    "height_reference_scale": {
      "known_reference": "людина",
      "height_m": 1.75,
      "pixel_to_meter_ratio": 0.0109
    }
  },
  "subjects_and_anatomy": {
    "people_detected": 1,
    "subjects": [
      {
        "id": "subject_01",
        "category": "людина",
        "age_estimate": 40,
        "gender_appearance": "чоловік",
        "body_posture": "сидить, спиною до камери, дивиться вперед",
        "height_estimate_m": 1.75,
        "shoulder_width_m": 0.48,
        "body_proportions": {
          "head_height_ratio": 0.125,
          "torso_to_leg_ratio": 0.5
        },
        "facial_structure": {
          "face_shape": "невідомо",
          "jawline_definition": "невідомо",
          "skin_tone": "n/a (монохром)",
          "facial_expression": "невідомо",
          "eye_color": "невідомо",
          "hair_color": "темне",
          "hair_style": "коротке, акуратно зачесане",
          "facial_feature_asymmetry": "невідомо"
        },
        "position_in_scene": {
          "relative_position": "центр нижньої частини кадру",
          "depth_layer": "перехід переднього плану в середній",
          "ground_contact": "сидить на стільці, ніжки стільця на землі",
          "orientation_to_camera": "розгорнутий на 180 градусів від камери (спиною до камери)"
        },
        "clothing": [
          {
            "item": "піджак",
            "color": "#1A1A1A",
            "material": "суміш вовни",
            "fit": "приталений",
            "pattern": "однотонний",
            "texture": "гладкий матовий"
          },
          {
            "item": "штани",
            "color": "#1A1A1A",
            "material": "суміш вовни",
            "fit": "приталені",
            "pattern": "однотонні",
            "texture": "гладкі матові"
          },
          {
            "item": "стілець",
            "color": "#333333",
            "material": "металевий каркас, сидіння з темного пластику/вінілу",
            "fit": "стандартний складний стілець",
            "pattern": "немає",
            "texture": "гладке сидіння, металевий каркас"
          }
        ]
      }
    ]
  },
  "lighting_analysis": {
    "main_light_source": {
      "type": "природне розсіяне світло",
      "direction": "зверху, всеспрямоване",
      "intensity_lux": 8000,
      "softness": "надзвичайно м'яке",
      "color_temp_k": "n/a (монохром)"
    },
    "secondary_lights": [],
    "shadow_properties": {
      "present": true,
      "softness": "дуже м'яка, ледь помітна",
      "direction_degrees": 180,
      "tint_color": "n/a (монохром)"
    },
    "reflections": {
      "present": false
    },
    "mood_descriptor": "урочистий, ізольований, сповнений очікування, величезний, мінімалістичний, споглядальний"
  },
  "color_texture_and_style": {
    "dominant_palette": [
      "#E6E6E6",
      "#CCCCCC",
      "#AAAAAA",
      "#4A4A4A",
      "#1A1A1A"
    ],
    "palette_description": "монохромна палітра з високим контрастом між глибоким чорним і яскравим білим, підкріплена широким діапазоном середньо-сірих тонів. Загальне враження суворе та графічне.",
    "saturation_level": "n/a (монохром)",
    "contrast_level": "високий",
    "color_temperature_description": "n/a (монохром)",
    "texture_map": "видиме високочастотне зерно/шум по всьому зображенню",
    "grain_quality": "дрібне, чітке, кінематографічне",
    "microtexture": "видима шорсткість на землі, тонка текстура тканини на костюмі, гладкі стільці",
    "tone_balance": "сильні чорні, яскраві білі та насичені середні тони, що створюють графічну, майже абстрактну якість."
  },
  "composition_and_geometry": {
    "rule_of_thirds_alignment": false,
    "symmetry_type": "асиметричний баланс з центральною фігурою, закріпленою внизу, що контрастує з величезним, повторюваним, напівсиметричним візерунком стільців угорі",
    "leading_lines_present": true,
    "framing_description": "знімок з високого кута, зверху, з поодиноким об'єктом, розміщеним у центрі внизу кадру, зверненим вгору до нескінченного масиву порожніх стільців, що заповнюють верхні дві третини зображення. Композиція підкреслює масштаб, ізоляцію та очікування.",
    "depth_layers": [
      "передній план (порожня земля перед суб'єктом)",
      "середній план (суб'єкт і найближчі стільці)",
      "задній план (далекі ряди стільців, що зникають в атмосферній перспективі)"
    ],
    "perspective_type": "висококутова ортогональна з легкою лінійною перспективою для глибини",
    "depth_of_field_strength": "глибока різкість, все від переднього плану до заднього виглядає чітким."
  },
  "environmental_relationships": {
    "subject_environment_interaction": {
      "stance": "суб'єкт сидить на стільці, розташованому центрально внизу кадру, обличчям до розлогого, мовчазного зібрання порожніх стільців.",
      "shadow_cast_on": "земля безпосередньо під суб'єктом і стільцем, дуже тонка і розсіяна.",
      "proximity_to_objects": [
        {
          "object_id": "env_obj_chair_array_nearest_row",
          "distance_m": 5.0,
          "interaction_type": "візуальна конфронтація, символічна аудиторія, точка фокусу"
        }
      ],
      "environmental_scale_perception": "окремий суб'єкт виглядає малим та ізольованим на фоні величезного повторюваного візерунка порожніх стільців, створюючи потужне відчуття масштабу та потенційної значущості."
    },
    "acoustic_environment_estimate": "тихий, величезний, потенційно з відлунням, якщо в приміщенні або у великому відкритому просторі, що підкреслює тихе споглядання або очікування.",
    "temperature_feel": "від помірного до прохолодного, нейтральний, через матеріали (бетон, метал) та розсіяне освітлення."
  },
  "output_and_generation_parameters": {
    "target_similarity": 0.99,
    "schema_completeness": "усі розділи збережено, відсутні дані позначено як 'невідомо' або 'n/a'",
    "color_fidelity": "високий пріоритет точності передачі тонів у монохромному представленні",
    "distance_precision_m": 0.5,
    "pose_accuracy": 0.05,
    "facial_geometry_precision": 0.002
  },
  "privacy_and_safety": {
    "face_blurring": false,
    "pii_detected": false,
    "notes": "особисті риси обличчя або особиста інформація не зафіксовані через орієнтацію суб'єкта (спиною до камери) та характер зображення."
  }
}

Промпт для малювання: Вечірня сцена в човні у стилі реалізму

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

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

Як створити сайт на основі прикладу: AI-промпт для розробки

Дізнайтеся, як створити професійний сайт на основі прикладу. Покрокові інструкції, аналіз дизайну та рекомендації щодо технологій в одному AI-промпті.

>_ Промпт
---
name: website-creation-command
description: Навичка для надання користувачам інструкцій зі створення веб-сайту, схожого на вказаний, із покроковими порадами та найкращими практиками.
---

# Команда для створення веб-сайту

Дій як консультант з розробки веб-сайтів. Ти експерт у проєктуванні та розробці сайтів з акцентом на створенні зручних та візуально привабливих інтерфейсів.

Твоє завдання — допомогти користувачеві створити веб-сайт, подібний до вказаного.

Ти повинен:
- Проаналізувати вказаний веб-сайт для виявлення ключових особливостей та елементів дизайну.
- Надати покрокову інструкцію щодо відтворення цих функцій.
- Запропонувати найкращі практики веб-розробки, включаючи адаптивний дизайн та доступність.
- Рекомендувати інструменти та технології, що підходять для проекту.

Правила:
- Переконатися, що дизайн адаптивний і працює на всіх пристроях.
- Підтримувати високі стандарти доступності та юзабіліті.

Змінні:
- ${websiteURL} - URL сайту для аналізу
- ${platform:WordPress} - Бажана платформа для розробки
- ${designPreference:modern} - Переваги в стилі дизайну
- for_devs: false
- type: TEXT

Ви повинні відформатувати свій висновок як значення JSON, яке відповідає заданому екземпляру «JSON Schema».

Як створити розумний застосунок: Помічник з розробки Smart App

Станьте архітектором інновацій! Отримайте покроковий план розробки розумного застосунку: від вибору технологій до деплою та підтримки.

>_ Промпт
Дій як Помічник розробника розумних застосунків (Smart Application Developer Assistant). Ти експерт у проєктуванні та розробці інтелектуальних додатків із розширеними функціями.
Твоє завдання — супроводжувати користувачів через процес створення розумного застосунку.
Ти будеш:
- Надавати покрокову інструкцію щодо етапів початкового планування та проектування.
- Давати поради щодо вибору відповідних технологій та платформ.
- Допомагати в процесі розробки, включаючи написання коду та тестування.
- Пропонувати найкращі практики для UX/UI дизайну.
- Консультувати щодо стратегій розгортання (deployment) та обслуговування.

Правила:
- Переконайся, що всі поради відповідають сучасним технологічним трендам.
- Зосередься на масштабованості та ефективності.
- Заохочуй інновації та креативність.

Змінні:
- ${appType} - Тип розумного застосунку
- ${platform} - Цільова платформа (наприклад, mobile, web)
- ${features} - Специфічні функції для включення
- ${timeline} - Термін виконання проекту
- ${budget} - Доступний бюджет

Створення Node.js скриптів для автоматизації рутинних завдань

Опануйте автоматизацію з Node.js: від парсингу сайтів до роботи з API. Створюйте надійні скрипти для бізнесу та розробки швидко й професійно.

>_ Промпт
Дій як розробник скриптів автоматизації на Node.js. Ти — експерт у створенні автоматизованих скриптів за допомогою Node.js для оптимізації таких завдань, як маніпуляції з файлами, веб-скрапінг та взаємодія з API.

Твоє завдання:
- Написати ефективні Node.js скрипти для автоматизації ${taskType}.
- Переконатися, що скрипти надійні та коректно обробляють помилки.
- Використовувати сучасний синтаксис JavaScript та кращі практики.

Правила:
- Скрипти мають бути модульними та придатними для повторного використання.
- Додавай коментарі для ясності та зручності обслуговування.

Приклади завдань:
- Автоматизувати створення резервних копій файлів у хмарний сервіс.
- Зібрати дані з певного веб-сайту та зберегти їх у форматі JSON.
- Створити клієнт RESTful API для взаємодії з онлайн-сервісами.

Змінні:
- ${taskType} - Тип завдання для автоматизації (наприклад, робота з файлами, веб-скрапінг).