Небольшой итог:
По трём мини-проектам:
1. «Калькулятор Жизни»
Промпт, который я использовал:
«Контекст для ИИ: Ты Senior Frontend Developer. Напиши одностраничное веб-приложение (HTML, CSS, JS в одном файле для удобства), которое переводит стоимость вещей в часы жизни на основе зарплаты пользователя.Дизайн и UI/UX:Тема: Глубокая темная (Deep Dark), минимализм. Фоновый цвет: #0B1120, цвет панелей: #111827.Акцентный цвет (кнопки, выделение текста): мятно-бирюзовый #4FD1C5.Стиль элементов: Glassmorphism (эффект матового стекла) для карточек, легкие полупрозрачные границы rgba(255, 255, 255, 0.1), размытие фона backdrop-filter: blur(10px).Элементы: Переключатель языков (RU/EN) в правом верхнем углу. Поле ввода стилизовано под консоль. Под полем ввода — 4 тега для быстрого выбора (iPhone 15 Pro, MacBook Air M2, PlayStation 5, Тур в Японию).Логика (JavaScript):Пользователь вводит строку формата: "Зарплата, Вещь" (например: 60 000, iPhone 15).Реализуй парсер, который отделяет число (зарплату) от текста (желаемой вещи).Математика: раздели зарплату на 160 (среднее количество рабочих часов в месяц), чтобы получить стоимость одного часа.Интеграция API: Напиши функцию fetch для обращения к Mistral AI API. Промпт для Mistral: "Найди актуальную рыночную стоимость товара X в рублях. Верни ТОЛЬКО число".Раздели полученную стоимость товара на стоимость часа. Выведи результат с анимацией появления цифр.Хранение: Используй localStorage для сохранения последней введенной зарплаты, чтобы при обновлении страницы пользователю не нужно было вводить её заново.»
2. «Оценка Ценности»
Промпт:
«Контекст для ИИ: Разработай интерактивное веб-приложение в виде чат-бота с ИИ-оценщиком.Дизайн и UI/UX:Стиль: Cyberpunk, хакерский терминал, строгий минимализм.Цветовая палитра: Абсолютно черный фон #000000, неоновый голубой для текста и акцентов #00F3FF, темно-серый для сообщений пользователя #1A1A1A.Анимации: Текст от ИИ должен выводиться с эффектом печатной машинки (typewriter effect) со случайной задержкой между символами для реалистичности.Финальный UI: После 4 вопросов поверх экрана должно всплывать модальное окно в стиле Glassmorphism с результатами ("Рыночная стоимость" и "Индекс уникальности"). Добавь прогресс-бар для индекса.Логика (JavaScript):Создай массив из 4 провокационных вопросов (о работе, привычках, психологическом выборе).Чат должен идти последовательно: ИИ задает вопрос -> пользователь отвечает -> ИИ анализирует и задает следующий.Интеграция API: Подключи Mistral AI. Системный промпт для Mistral: "Ты — циничный ИИ-оценщик без эмпатии. Твоя задача задавать неудобные вопросы, анализировать ответы с сарказмом. После 4 ответов выдай оценку человека в долларах и процент его уникальности в формате JSON: {"price": 89000, "uniqueness": 74}".Реализуй парсинг JSON-ответа от Mistral и передачу этих данных в финальную карточку-результат.Кнопка "Поделиться результатом" должна использовать Web Share API, если он доступен, или копировать забавный текст с результатами в буфер обмена.»
«Контекст для ИИ: Создай генератор альтернативных судеб с визуализацией в виде таймлайна (исторической оси).Дизайн и UI/UX:Тема: Темная, с яркими неоновыми малиновыми/красными акцентами #E11D48.Интерфейс: Большая кнопка со свечением "Сгенерировать жизнь" по центру вверху. Ниже — вертикальная линия (таймлайн).Карточки событий: Каждый год жизни — это точка на таймлайне и блок текста справа от нее. Выделяй года и ключевые слова (локации, события) красным цветом.Логика (JavaScript):При нажатии на кнопку "Сгенерировать", отправляй запрос к LLM (Mistral API).Промпт для генерации: "Сгенерируй абсурдную, смешную и непредсказуемую историю альтернативной жизни. Выдай 4-5 ключевых дат/возрастов. Верни в формате JSON: массив объектов с полями year и event_description".Напиши функцию, которая динамически рендерит элементы DOM (точки и текст) на основе полученного JSON, добавляя анимацию скольжения снизу вверх (slide-up) для каждого нового события.Хранение данных: Сохраняй сгенерированные "судьбы" в localStorage как массив объектов. Добавь историю генераций.Кнопки "Копировать" и "Поделиться": реализуй копирование всего сгенерированного текста с форматированием (добавление эмодзи и переносов строк), чтобы результат красиво смотрелся при вставке в Telegram.»
— В чём суть?
На данный момент ИИ может воплотить в жизнь любую, даже самую маленькую, идею. Пришла в голову идея — вкратце расписываешь её какому-нибудь ИИ (например, GPT), просишь создать подробный промпт — промпт вставляешь в генератор кода (Gemini, Claude, GPT) — заливаешь на GitHub Pages и ВСЁ!
Модели, которые я использовал для работы с мини-проектами:
1. Gemini — написание промптов.
2. Codex 4.3 / Claude sonnet-4-6
Моё замечание: — Codex хуже Claude
—
а) в дизайне путается. Кнопки иногда слетают.
б) долгий ответ (5-10мин). За это время я успел сделать в Claude в два раза больше (и получилось гораздо красивее и качественнее).
Итог: Claude на данный момент лучший ИИ для вайб-кодинга. //Оттенки для этих трёх работ я брал с этого сайта.
Моя статья на гитхабе с большим количеством ИИ агентов – сервисы, которые могут облегчить вашу жизнь в несколько раз.
Люди, много хейта в мою сторону. Если у вас что-то не работает, пишите в личные сообщения — @badVInq
есть какие-то предложения?
— @badVInq
нужна моральная поддержка?
— удачи!