Программирование искусственного интеллекта: как хорошо использовать Lovable

Мой лучший партнер по программированию ИИ на данный момент - это Любимый ответить пением Курсор ...новый и виндсерфинг, оба тоже отличные, выбрали первые два, потому что крышки были достаточно высокими.

Веб-сайт Lovable:

https://lovable.dev/

Любимый. Возможно, нет. болт.новый У него есть название, и я рекомендую попробовать его всем, особенно тем, кто не умеет кодить. Я только что посмотрел, и в общей сложности я создал 40 проектов с помощью lovable.

Основная часть сегодняшнего поста взята из документации X и Lovable о лучших практиках для Lovable's Prompt, а также мои размышления. Если вы хотите прочитать оригинальную статью, то она находится здесь:

https://x.com/lovable_dev/status/1873078129469821044

Основной текст начинается.

Использование контекста

Необходимо предоставить больше справочной информации. Пример:

Мы создаем инструмент управления проектами, который помогает командам отслеживать выполнение задач.

Инструмент должен обладать следующими характеристиками:

• аутентификация пользователя
• Создание проекта
• поручать что-л.
• Формирование отчетов

Теперь первая задача - создать пользовательский интерфейс, созданный в рамках проекта.

Это своего рода .cursorrules здесь, чтобы дать контекст тому, что я пытаюсь сделать. Но не забывайте о ясности в конце, о том, в чем заключается первая задача, о которой мы расскажем позже. Речь идет о том, чтобы делать шаг за шагом и не позволять ИИ слишком сильно отклоняться от наших ожиданий. Еще один пример.

Мне нужно CRM-приложение (Customer Relationship Management), которое интегрируется с Supabase и имеет безопасный процесс аутентификации. Начните с создания бэкэнда.

Мы разрабатываем платформу электронной коммерции, ориентированную на экологически чистые продукты. Необходимо создать страницу листинга товаров с фильтрами категорий и цен.

Происходит контекстуализация информации, а затем прояснение конкретной задачи.

Разбивка задач

Одно из требований, которое многие выдвигают, когда пробуют программировать ИИ: разработать приложение для прогнозирования погоды, разработать игру 2048. Это тоже да, мы начинаем с этого и получаем потрясающие результаты.

Но давайте приступим к реальной работе, не позволяя ИИ угадывать, что нам нужно.

Контраст:

不要这样：

构建一个包含所有功能的 CRM 系统



这样：

1. “设置后端”

2. "添加认证流程"

3. “添加导出功能”

Это очень важно, поскольку последующие "планирование сложных функций" и "процесс отладки" являются декомпозицией задачи:

Комплексное функциональное планирование

Разберитесь с мышлением: давайте планировать сертификацию:

1. Необходимые компоненты
2. пользовательский интерфейс
3. мера безопасности

Процесс отладки:

Следуйте этой структуре:

1. Опишите, что пошло не так
2. Объяснение ожидаемого поведения
3. Ошибка консоли общего доступа

Использование изображений

Это важная техника, мы можем загружать скриншоты, особенно для пользователей, которые не знают программирования и не могут "точно описать", что вы имеете в виду под "точно описать"? Например, макет веб-страницы, там есть панель навигации, верхний и нижний колонтитулы, это основы, но есть и более сложные и специализированные словари.

Еще лучше научиться описывать его - это несложно. Следующее, что можно сделать, - это дать прямые ссылки на фотографии, например:

Создайте эту доску Kanban, поддерживающую перетаскивание карточек между столбцами. Используйте Pangea dnd для реализации перемещения карточек между колонками.

Скриншоты оставляем на ваше усмотрение. Вот странный термин: pangea dnd. Это очень профессиональный способ представления требования, которое не только ставит проблему, но и указывает направление решения. Существует множество лучших практик, накопленных за годы работы в сфере программирования. Неважно, если вы не умеете программировать, вы можете знать, что означает та или иная лексика. Это очень помогает при программировании искусственного интеллекта.

Например, в моем случае на Баухаус, Мемфис, Мондриан я раньше не обращал внимания, а после того, как ИИ стал помогать мне работать, мне нужно дать четкие инструкции ТА, мне нужно немного подучиться. Для каждой специальности есть своя система понятий, в которой можно разобраться сначала, как кошка с мышкой.

Еще одна хитрость заключается в том, что часто ИИ знает больше и глубже, чем мы, и если мы не знаем, как спросить, мы можем спросить ИИ. ИИ дает нам ответ, и мы получаем более четкое направление для обучения.

Эффективная обратная связь

Когда мы предъявляем требования.Вместо того чтобы сказать: "Сделайте лучше", скажите: "Форма входа работает, но ей нужна проверка электронной почты и лучшее сообщение об ошибке, если пароли не совпадают".

По сути, речь все еще идет о том, как дать ИИ более четкую обратную связь. Когда мы общаемся с моделью, мы можем быть абстрактными к абстрактным, конкретными к конкретным. Бывают моменты, когда вы действительно не знаете, что спросить, вы можете сказать: давайте сделаем взаимодействие лучше, давайте сделаем видение лучше, но в это время важно еще раз прояснить контекст того, что мы делаем, и благодаря контекстным ключевым словам модель может соотнестись, по крайней мере, с уровнем выше среднего, и, предположительно, мы знаем направление.

Установка ограничений и обновление пользовательского интерфейса

Определение четких границ:"Создайте приложение для составления списка дел, в котором будут отображаться только 3 видимые задачи. Включите функцию добавления/редактирования/удаления, сохранив при этом нашу текущую систему дизайна."

Другой пример: "Обновлен только визуальный дизайн. Все функции и вызовы API остались прежними. Сосредоточьтесь на улучшении мобильного макета."Делая акцент на визуальных улучшениях, необходимо уточнить, что не нужно менять". И так далее.

Требования к доступности

Укажите потребность:"Создайте форму входа в систему с метками ARIA, навигацией по клавиатуре и соответствующим управлением фокусом" - Это также может требовать, чтобы мы знали об этом. Знать - это прекрасно, разница в том, знать или не знать.

В эпоху программирования с помощью искусственного интеллекта любопытство и любознательность должны быть немного важнее, ведь знание или незнание иногда играет решающую роль.

Дао в дерьме тонет, работа с AI проста, я изначально хотел написать эти способности фантазии, как будто я более чем способен, но как я использую больше, чем больше я опыт, я думаю, что это хорошо, чтобы держать его простой, представить его, как он есть, и быть полезным для всех.

Не стоит ожидать, что Лавабл сделает всю работу, и когда вы уже испробовали все вышеперечисленное, а Лавабл, похоже, не в состоянии улучшить ситуацию, на помощь приходит Курсор.