Сайт-приглашение для девушки, собранный промптами в Cursor
Фабио Сапата сделал для своей девушки сайт-приглашение с анимациями, картинками и навигацией, давая Cursor только инструкции. Ушло 2-3 часа против 4-8 вручную, а последние мелкие правки он всё же внёс в код сам.
Что сделали
Фабио начал с промпта, где описал цели страницы, внешний вид и технический подход. Он разрешил Cursor запускать команды в консоли. С анимацией конверта ничего не выходило. 15-20 минут ушло на расплывчатые замечания. Тогда Фабио нашёл в интернете пример анимации конверта, перекрасил его, вставил в промпт и попросил Cursor строить на его основе. Дальше он промптами добавлял кнопки, шрифты и раскладку.
Что получилось
Сайт занял 2-3 часа, хотя вручную, по оценке автора, ушло бы 4-8. Примерно на 90-95% готовности он стал править код сам (тексты, отступы и поля). Мелкие правки через промпт занимали слишком много времени.
На что обратить внимание
Прямо говорите, что шрифты, фоны и стили кнопок общие для всего сайта, иначе Cursor применит их к каждой странице отдельно. Ещё Cursor поверил ложному заявлению автора, что работающая функция сломана, и переписал её.
Пояснение
Cursor это редактор кода со встроенным ИИ-агентом, которому можно давать задачи обычным текстом. Сайт только с фронтендом работает целиком в браузере, без серверной части.
Кому пригодится
Тем, кто хочет сделать небольшой сайт к событию и почти не пишет код.
Попробуйте сами с Cursor
Сделай сайт-приглашение только на фронтенде для [событие или повод] для [человек или аудитория]. На нём должны быть [разделы, например приветственный экран, детали, галерея фото, информация для ответа на приглашение], мягкие анимации и стиль [цвет или настроение] с картинками из [папка]. Пусть он запускается локально, и объясни, как его открыть. Готово, когда я могу пройти по всем страницам и увидеть, что всё работает, а правки я буду просить обычными словами.
Нужна помощь с запуском? Вступайте в сообщество AI Pack ↗
Ещё 1 источник
Источник: dev.to · · обновлено