Кому нужен этот промт и как он работает?
Этот промт предназначен для веб-разработчиков, дизайнеров и владельцев сайтов, которым необходимо быстро создать удобный и стильный ипотечный калькулятор. Его использование помогает решить задачи автоматического расчёта ежемесячного платежа, общей суммы процентов и отображения амортизационного графика без привлечения сторонних сервисов.
Промт управляет запросом к нейросети так, чтобы получить подробный код на HTML, CSS и JavaScript с указаниями по адаптивности, дизайну и функционалу. Он задаёт чёткие параметры ввода и вывода, облегчая создание удобного инструмента для сайта.
Готовый для использования промт
|
1 |
Представь, что ты веб-разработчик, владеющий HTML, CSS и JavaScript. Твоя задача — создать визуально привлекательный, удобный и адаптивный ипотечный калькулятор для сайта клиента. Требования: Входные данные: сумма кредита (числовой ввод с заданными минимальными и максимальными значениями), процентная ставка (ввод в процентах с ограничениями), срок кредита в годах (числовой ввод с пределами). Выходные данные: ежемесячный платеж, общая сумма выплаченных процентов, график амортизации в виде таблицы или списка. Дизайн: укажи цветовую схему, шрифты и другие предпочтения. Адаптивность: опиши, как калькулятор будет подстраиваться под разные размеры экранов для мобильных устройств. Предоставь HTML, CSS и JavaScript код, а также инструкции по внедрению на сайт. Задай уточняющие вопросы по диапазонам значений, предпочтениям по дизайну и адаптивности экрана. |
Как использовать промт и на что обратить внимание
Для максимально точного и полезного результата важно предоставить конкретные диапазоны для суммы кредита, процентной ставки и срока кредита. Уточнения по стилю и цветовой гамме также повысят качество дизайна. В частности:
- Определите минимальные и максимальные значения для суммы кредита, чтобы избежать ошибок ввода пользователем.
- Укажите допустимый диапазон процентных ставок и формат ввода (целые числа или с десятичными значениями).
- Задайте чёткий диапазон сроков кредита (например, от 1 до 30 лет).
- Обозначьте предпочтительные цвета и шрифты для соответствия стилю сайта или бренда.
- Объясните, как калькулятор должен адаптироваться на мобильных устройствах: перенос элементов, изменение размеров шрифтов и кнопок.
При использовании учитывайте, что сложные стили или необычные шрифты могут требовать дополнительной доработки после генерации кода. Также не всегда встроенный расчет амортизации может покрыть все варианты погашения кредита, поэтому дополнительная настройка может понадобиться под специфические задачи.
Примеры использования
Пример 1: Создание простого ипотечного калькулятора с ограничениями для новичков
|
1 |
Представь, что ты веб-разработчик, владеющий HTML, CSS и JavaScript. Твоя задача — создать простой и удобный ипотечный калькулятор для сайта, который будет принимать сумму кредита от 500 000 до 10 000 000 рублей, процентную ставку от 5% до 15%, срок кредита от 1 до 30 лет. Выходные данные: ежемесячный платеж и общая сумма процентов. Сделай адаптивный дизайн с нейтральными цветами и читаемыми шрифтами. Предоставь полный код и инструкции по использованию. |
Этот пример поможет владельцам небольших сайтов сделать базовый инструмент без сложной графики и с понятным интерфейсом.
Пример 2: Продвинутый ипотечный калькулятор с детализированным графиком амортизации
|
1 |
Представь, что ты веб-разработчик, владеющий HTML, CSS и JavaScript. Твоя задача — создать продвинутый ипотечный калькулятор с визуальной таблицей амортизации, показывающей ежемесячные платежи, основную сумму и проценты. Входные данные: сумма кредита от 1 000 000 до 50 000 000 рублей, процентная ставка 3%–12%, срок от 1 до 40 лет. Используй фирменные цвета клиента и адаптивный дизайн для мобильных и планшетных устройств. Предоставь полный код и разъяснения по интеграции. |
Такой подход подойдёт для финансовых порталов или банковских сервисов, где важна подробная аналитика платежей.
Пример вывода нейросети по данному промту
✅ Пример вывода: В рамках запроса был сгенерирован профессиональный код ипотечного калькулятора, включающий удобные поля ввода с валидацией для суммы кредита, процентной ставки и срока. UI сочетает синий и белый цвета с плавными тенями, читаемые шрифты Helvetica и Open Sans. Калькулятор показывает ежемесячный платеж, сумму переплаты и полноценный график амортизации в виде таблицы. Реализована адаптивность через flexbox и медиа-запросы: на мобильных экранах поля размещаются вертикально, шрифты чуть увеличены для удобства. Инструкции по встраиванию и настройке стилей были приложены отдельно.
Примечание: результат приблизительный и зависит от формулировок и контекста.
Итог: зачем использовать этот промт?
Использование данного промта значительно сокращает время разработки удобного, красивого и многофункционального ипотечного калькулятора. Он задаёт чёткие требования к функционалу и стилю и помогает получить готовый для внедрения инструмент без необходимости писать код вручную с нуля.
Главная выгода: быстрое создание адаптивного и удобного ипотечного калькулятора с полным набором функций и современным дизайном.
