#cursor #ai #dev #v0 #heyboss #bolt #replit #lovable #tools #batle
🎨 Битва AI-помощников: Создаем генератор мемов
Привет, друзья!
Сегодня расскажу о захватывающем эксперименте, который мы провели вчера, и где сравнили 5 популярных AI-инструментов для AI-разработки, пытаясь создать веб-приложение для генерации мемов "MemeForge" 🚀
🏆 Рейтинг по результатам:
v0.dev - Чемпион по скорости! Первым выдал рабочий интерфейс с функционалом загрузки изображений и добавления текста. Правда, с AI-генерацией мемов пришлось повозиться, и помог нам в этом Cursor! 🔗 Попробовать MemeForge от v0.dev
heyboss - Серебряный призер и единственный, где AI-генерация мемов заработала "из коробки". Причем даже не потребовала добавления API-ключа! 🎉 🔗 Попробовать MemeForge от heyboss (в этом примере свой API-ключ вводить обязательно)
bolt.new - Бронзовый призер по скорости, но с ограниченным функционалом. Текст на картинках так и не заработал 😅 Уверен, что Cursor исправил бы данный недостаток, но время было ограничено (всего 2 часа на 5 вариантов решения), поэтому оставили как есть. 🔗 Попробовать MemeForge от bolt.new
replit agent - Темная лошадка! Хоть и не самый быстрый, но единственный, где удалось довести до ума все функции без дополнительных инструментов 💪 Отличная нативно-облачная альтернатива Cursor Composer Agent для небольших проектов! 🔗 Попробовать MemeForge от replit agent
lovable.dev - Интересный случай! Мой изначальный фаворит, но в этом "забеге" мне не удалось получить рабочую версию проекта. Возможно, из-за того, что вместо Openai API я вдруг решил попробовать интеграцию с runware.ai, с которой ни lovable, ни Cursor в отведенное время не справились. 🔧 🔗 Посмотреть прототип на lovable.dev (с Openai)
💡 Вывод:
Каждый инструмент показал свои сильные и слабые стороны. Для быстрого прототипа лучше всего подошел - v0.dev, быстрее всего реализовал AI функциональность - heyboss, а для полного контроля над проектом идеально подошел replit agent. Практически все инструменты кроме replit agent потребовали доработки кода в Cursor.
А какой инструмент выбрали бы вы? 🤔
#AIdev #webdev #coding #memes #технологии
🎨 Битва AI-помощников: Создаем генератор мемов
Привет, друзья!
Сегодня расскажу о захватывающем эксперименте, который мы провели вчера, и где сравнили 5 популярных AI-инструментов для AI-разработки, пытаясь создать веб-приложение для генерации мемов "MemeForge" 🚀
🏆 Рейтинг по результатам:
v0.dev - Чемпион по скорости! Первым выдал рабочий интерфейс с функционалом загрузки изображений и добавления текста. Правда, с AI-генерацией мемов пришлось повозиться, и помог нам в этом Cursor! 🔗 Попробовать MemeForge от v0.dev
heyboss - Серебряный призер и единственный, где AI-генерация мемов заработала "из коробки". Причем даже не потребовала добавления API-ключа! 🎉 🔗 Попробовать MemeForge от heyboss (в этом примере свой API-ключ вводить обязательно)
bolt.new - Бронзовый призер по скорости, но с ограниченным функционалом. Текст на картинках так и не заработал 😅 Уверен, что Cursor исправил бы данный недостаток, но время было ограничено (всего 2 часа на 5 вариантов решения), поэтому оставили как есть. 🔗 Попробовать MemeForge от bolt.new
replit agent - Темная лошадка! Хоть и не самый быстрый, но единственный, где удалось довести до ума все функции без дополнительных инструментов 💪 Отличная нативно-облачная альтернатива Cursor Composer Agent для небольших проектов! 🔗 Попробовать MemeForge от replit agent
lovable.dev - Интересный случай! Мой изначальный фаворит, но в этом "забеге" мне не удалось получить рабочую версию проекта. Возможно, из-за того, что вместо Openai API я вдруг решил попробовать интеграцию с runware.ai, с которой ни lovable, ни Cursor в отведенное время не справились. 🔧 🔗 Посмотреть прототип на lovable.dev (с Openai)
💡 Вывод:
Каждый инструмент показал свои сильные и слабые стороны. Для быстрого прототипа лучше всего подошел - v0.dev, быстрее всего реализовал AI функциональность - heyboss, а для полного контроля над проектом идеально подошел replit agent. Практически все инструменты кроме replit agent потребовали доработки кода в Cursor.
А какой инструмент выбрали бы вы? 🤔
#AIdev #webdev #coding #memes #технологии
v0.app
v0 by Vercel
Your collaborative AI assistant to design, iterate, and scale full-stack applications for the web.
❤2👍2🔥1
#cursor #ai #dev #insights #bestpractice #tracking
С недавних пор при работе над проектами в Cursor я стал использовать методику автоматического трекинга изменений в специализированных md-файлах. Очень сильно экономит время. Ниже моя заметка по теме.
📝 Как правила трекинга делают разработку эффективнее
Двойная система документации: оперативная и стратегическая
•
•
• Вместе они создают полную картину развития проекта
Почему это работает:
• 🎯 Мгновенная фиксация прогресса после каждой задачи
• 🔍 Детальное документирование ошибок и их решений
• 📊 Структурированный подход к управлению проектом
• 🚀 Четкое понимание следующих шагов
Ключевые преимущества:
1️⃣ Предотвращение потери важной информации
2️⃣ Быстрый доступ к решениям прошлых проблем
3️⃣ Прозрачность процесса разработки
4️⃣ Упрощение коммуникации в команде
💡 Интересный факт:
Такой подход к документации похож на методику "рабочего журнала" в научных исследованиях, где каждый шаг эксперимента тщательно документируется для воспроизводимости результатов.
🎁 Практический эффект:
• Экономия времени на поиск решений
• Снижение стресса при работе над сложными задачами
• Улучшение качества кода через анализ ошибок
• Повышение продуктивности команды
🔍 P.S. Некоторые внимательные читатели заметили, что в нескольких вариантах реализации "Генератора мемов" (см. заметку выше) я использовал данный подход и стали задавать ❓ вопросы
- "Зачем это нужно?"
- "Как это настроить?"
✨ Что ж, надеюсь, этот пост прояснил вопрос "зачем".
А для тех, кто жаждет узнать "как" - файл
🔗 Загляните в предыдущий пост для контекста: https://t.me/llm_notes/58
С недавних пор при работе над проектами в Cursor я стал использовать методику автоматического трекинга изменений в специализированных md-файлах. Очень сильно экономит время. Ниже моя заметка по теме.
📝 Как правила трекинга делают разработку эффективнее
Двойная система документации: оперативная и стратегическая
•
progress.md
— это ваш ежедневный дневник разработки •
project-status.md
— стратегическая карта проекта • Вместе они создают полную картину развития проекта
Почему это работает:
• 🎯 Мгновенная фиксация прогресса после каждой задачи
• 🔍 Детальное документирование ошибок и их решений
• 📊 Структурированный подход к управлению проектом
• 🚀 Четкое понимание следующих шагов
Ключевые преимущества:
1️⃣ Предотвращение потери важной информации
2️⃣ Быстрый доступ к решениям прошлых проблем
3️⃣ Прозрачность процесса разработки
4️⃣ Упрощение коммуникации в команде
💡 Интересный факт:
Такой подход к документации похож на методику "рабочего журнала" в научных исследованиях, где каждый шаг эксперимента тщательно документируется для воспроизводимости результатов.
🎁 Практический эффект:
• Экономия времени на поиск решений
• Снижение стресса при работе над сложными задачами
• Улучшение качества кода через анализ ошибок
• Повышение продуктивности команды
🔍 P.S. Некоторые внимательные читатели заметили, что в нескольких вариантах реализации "Генератора мемов" (см. заметку выше) я использовал данный подход и стали задавать ❓ вопросы
- "Зачем это нужно?"
- "Как это настроить?"
✨ Что ж, надеюсь, этот пост прояснил вопрос "зачем".
А для тех, кто жаждет узнать "как" - файл
.cursorrules
уже ждет вас на моём GitHub!🔗 Загляните в предыдущий пост для контекста: https://t.me/llm_notes/58
Telegram
Заметки LLM-энтузиаста
#cursor #ai #dev #v0 #heyboss #bolt #replit #lovable #tools #batle
🎨 Битва AI-помощников: Создаем генератор мемов
Привет, друзья!
Сегодня расскажу о захватывающем эксперименте, который мы провели вчера, и где сравнили 5 популярных AI-инструментов для…
🎨 Битва AI-помощников: Создаем генератор мемов
Привет, друзья!
Сегодня расскажу о захватывающем эксперименте, который мы провели вчера, и где сравнили 5 популярных AI-инструментов для…
2❤2👍1🔥1
#cursor #prompt #v0 #system
🔥 ЭКСКЛЮЗИВ: Системные промпты Cursor и v0 теперь доступны!
Коллеги, добрый вечер!
С моей точки зрения - это невероятная находка для всех, кто работает с ИИ-инструментами 🧠
Только что обнаружил репозиторий, где выложены официальные системные промпты для:
• Cursor Agent (на базе Sonnet-3.7)
• FULL v0
(за подлинность не ручаюсь, но все выглядит прилично, пользуясь случаем, я склонировал себе на домашний ПК весь репозиторий)
👉 Более 3000 строк "кода", раскрывающих "внутренности" этих мощных инструментов!
🤔 Почему это важно?
1️⃣ Понимание того, как "думают" эти инструменты поможет создавать более точные запросы
2️⃣ Можно адаптировать эти промпты для своих локальных моделей
3️⃣ Изучение этих промптов — отличный способ улучшить свои навыки промпт-инжиниринга
💎 Что особенно ценного в репозитории:
• Полная структура системных инструкций
• Детали работы агентов Cursor
• Принципы обработки запросов в v0
Если вы серьезно занимаетесь ИИ или просто хотите заглянуть "под капот" современных инструментов — этот репозиторий станет настоящей находкой.
🔗 Ссылка на репозиторий: https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools/tree/main
Делитесь своими находками в комментариях!
Что самое интересное обнаружили в этих промптах? 👇
#ИИ #Промпты #Cursor #v0 #ИскусственныйИнтеллект
🔥 ЭКСКЛЮЗИВ: Системные промпты Cursor и v0 теперь доступны!
Коллеги, добрый вечер!
С моей точки зрения - это невероятная находка для всех, кто работает с ИИ-инструментами 🧠
Только что обнаружил репозиторий, где выложены официальные системные промпты для:
• Cursor Agent (на базе Sonnet-3.7)
• FULL v0
(за подлинность не ручаюсь, но все выглядит прилично, пользуясь случаем, я склонировал себе на домашний ПК весь репозиторий)
👉 Более 3000 строк "кода", раскрывающих "внутренности" этих мощных инструментов!
🤔 Почему это важно?
1️⃣ Понимание того, как "думают" эти инструменты поможет создавать более точные запросы
2️⃣ Можно адаптировать эти промпты для своих локальных моделей
3️⃣ Изучение этих промптов — отличный способ улучшить свои навыки промпт-инжиниринга
💎 Что особенно ценного в репозитории:
• Полная структура системных инструкций
• Детали работы агентов Cursor
• Принципы обработки запросов в v0
Если вы серьезно занимаетесь ИИ или просто хотите заглянуть "под капот" современных инструментов — этот репозиторий станет настоящей находкой.
🔗 Ссылка на репозиторий: https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools/tree/main
Делитесь своими находками в комментариях!
Что самое интересное обнаружили в этих промптах? 👇
#ИИ #Промпты #Cursor #v0 #ИскусственныйИнтеллект
GitHub
GitHub - x1xhlol/system-prompts-and-models-of-ai-tools: FULL v0, Cursor, Manus, Augment Code, Same.dev, Lovable, Devin, Replit…
FULL v0, Cursor, Manus, Augment Code, Same.dev, Lovable, Devin, Replit Agent, Windsurf Agent, VSCode Agent, Dia Browser, Xcode, Trae AI, Cluely & Orchids.app (And other Open Sourced) System...
🔥7❤5👍3
#v0 #vercel #db #ai #dev #supabase #neon #upstash
Новые интеграции в v0 от Vercel Marketplace 🔄
Теперь в v0 доступны первые интеграции из Vercel Marketplace.
Можно добавить постоянное хранилище данных к вашим проектам буквально в пару кликов 🖱
• Доступны интеграции с Supabase, Neon и Upstash
• Процесс подключения максимально упрощен (см. здесь)
• В ближайшее время ожидаются новые интеграции в области ИИ и мониторинга
Похоже, что v0 вырвался вперед в сравнении с bolt.new и lovable.dev, которые декларируют "коробочную" интеграцию только с Supabase
#cursor #mcp
У cursor есть соответствующие MCP-серверы в каталоге https://cursor.directory/mcp
#windsurf #mcp
У windsurf тоже https://windsurf.run/
#cline - у них свой MCP-маркеплейс появился одним из первых, вот здесь писал об этом
Новые интеграции в v0 от Vercel Marketplace 🔄
Теперь в v0 доступны первые интеграции из Vercel Marketplace.
Можно добавить постоянное хранилище данных к вашим проектам буквально в пару кликов 🖱
• Доступны интеграции с Supabase, Neon и Upstash
• Процесс подключения максимально упрощен (см. здесь)
• В ближайшее время ожидаются новые интеграции в области ИИ и мониторинга
Похоже, что v0 вырвался вперед в сравнении с bolt.new и lovable.dev, которые декларируют "коробочную" интеграцию только с Supabase
#cursor #mcp
У cursor есть соответствующие MCP-серверы в каталоге https://cursor.directory/mcp
#windsurf #mcp
У windsurf тоже https://windsurf.run/
#cline - у них свой MCP-маркеплейс появился одним из первых, вот здесь писал об этом
Vercel
Vercel Marketplace
Discover, integrate, and manage third-party solutions directly within Vercel projects with seamless authentication, unified billing, and one-click deployments.
❤3👍3
Интеграция v0 с Cursor: новые возможности для разработки
Теперь можно использовать v0 напрямую в редакторе Cursor. Это позволяет превратить базовый UI-код в более профессиональный frontend.
Настройка интеграции 🔧
1️⃣ Откройте настройки Cursor:
•
•
2️⃣ Перейдите во вкладку
3️⃣ Найдите поле
4️⃣ Нажмите
5️⃣ Введите эндпоинт v0:
6️⃣ Сохраните настройки и проверьте соединение
Использование `v0-1.0-md` в Agent Mode 🤖
• Откройте новый чат
• Режим:
• Модель: любая с пометкой OpenAI (
• Cursor автоматически будет использовать
Для проверки можете спросить: "
Обратите внимание, что на данный момент есть небольшой баг, связанный с тем, что если вы включили использование модели
Возможности модели
• Поддержка текста и изображений
• Совместимость с OpenAI Chat Completions API
• Быстрые потоковые ответы
• Оптимизация для современных стеков (Next.js, Vercel)
• Автоматическое исправление ошибок кода
Ограничения использования ⚠️
• Максимум 200 сообщений в день
• Контекстное окно: 128,000 токенов
• Максимальный вывод: 32,000 токенов
• Требуется Premium или Team план с оплатой по использованию
API находится в бета-версии. Для получения API ключа нужно зайти на v0.dev в настройки.
Пример использования
• Создаем в существующем next-js проекте Cursor главную страницу при помощи
результат см. на скриншоте
• Переключаемся на
Похожего эффекта красивого фронтенда можно добиться, используя magic-ui MCP и постоянно к нему обращаясь в процессе написания кода для UI.
Источники:
• https://vercel.com/docs/v0/cursor
• https://vercel.com/docs/v0/api
#cursor #v0 #frontend #development #ai
Теперь можно использовать v0 напрямую в редакторе Cursor. Это позволяет превратить базовый UI-код в более профессиональный frontend.
Настройка интеграции 🔧
1️⃣ Откройте настройки Cursor:
•
⌘+Shift+P
на macOS •
Ctrl+Shift+P
на Windows/Linux2️⃣ Перейдите во вкладку
Models
3️⃣ Найдите поле
OpenAI API Key
и вставьте ваш v0 API ключ4️⃣ Нажмите
Override OpenAI Base URL
5️⃣ Введите эндпоинт v0:
https://api.v0.dev/v1
6️⃣ Сохраните настройки и проверьте соединение
Использование `v0-1.0-md` в Agent Mode 🤖
• Откройте новый чат
• Режим:
Agent
• Модель: любая с пометкой OpenAI (
gpt-4o
, gpt-4-turbo
и т.д.) • Cursor автоматически будет использовать
v0-1.0-md
Для проверки можете спросить: "
кто ты?
" (см. скриншот)Обратите внимание, что на данный момент есть небольшой баг, связанный с тем, что если вы включили использование модели
v0-1.0-md
и в чате обращаетесь к какой-то другой модели (например, claude-3.5-sonnet
), то будете получать ошибку (см. скриншот), поэтому если модель v0-1.0-md
не нужна на данном этапе, то ее лучше просто отключить в настройках.Возможности модели
v0-1.0-md
📋• Поддержка текста и изображений
• Совместимость с OpenAI Chat Completions API
• Быстрые потоковые ответы
• Оптимизация для современных стеков (Next.js, Vercel)
• Автоматическое исправление ошибок кода
Ограничения использования ⚠️
• Максимум 200 сообщений в день
• Контекстное окно: 128,000 токенов
• Максимальный вывод: 32,000 токенов
• Требуется Premium или Team план с оплатой по использованию
API находится в бета-версии. Для получения API ключа нужно зайти на v0.dev в настройки.
Пример использования
• Создаем в существующем next-js проекте Cursor главную страницу при помощи
v0-1.0-md
моделиСделай красивое и стильное приложение календарь на базе моего уже настроенного проекта на Next.js.
Cначала создай главную страницу.
результат см. на скриншоте
• Переключаемся на
claude-3.5-sonnet
(или 4.0), продолжаем дизайнить фронтенд приложения этой моделью, и все остальные страницы будут сохранять стиль, который был задан на первой странице моделью v0-1.0-md
Похожего эффекта красивого фронтенда можно добиться, используя magic-ui MCP и постоянно к нему обращаясь в процессе написания кода для UI.
Источники:
• https://vercel.com/docs/v0/cursor
• https://vercel.com/docs/v0/api
#cursor #v0 #frontend #development #ai
👍4❤3🔥1
🚀 v0.dev стал v0.app: еще одна агентная платформа для создания продуктов с ИИ
Популярная платформа v0.dev получила крупное обновление и сменила домен на v0.app. Теперь это более мощный инструмент, который позволяет создавать полноценные рабочие продукты с помощью агентного ИИ.
Это отличное дополнение к фронентд AI-кодерам lovable и bolt. Только v0.app сейчас бесплатный!
Что нового:
• Агентный ИИ планирует, исследует, создает и отлаживает проекты
• Возможность описать идею и получить готовый продукт
• Бесплатный доступ на этой неделе
Что уже создают пользователи: 1️⃣ Полноценные MVP стартапов 2️⃣ Интерактивные презентации с редактируемыми макетами 3️⃣ Приложения для опросов с подключением к базам данных 4️⃣ Витрины интернет-магазинов 5️⃣ Дашборды с реальными данными и API-интеграцией
Платформа предлагает бесплатный период для тестирования всех возможностей.
Основное преимущество платформы — не нужно писать промпты построчно. Достаточно описать, что хотите создать, и v0.app разберется с остальным 🤖
Я проверил на задаче создания сайта-визитки по профилю в linkedin (см. скриншоты)
Мне понравилось, как v0.app справился с созданием сайта, где есть переключение 2х языков и переключение с темной на светлую тему. Полгода назад, тестируя lovable и bolt на такой задаче, я потратил почти в 2 раза больше времени.
Осталось добавить форму обратной связи через email (для отправки email можно использовать EmailJS), сделать выгрузку CV в pdf и подправить ссылки на соц. сети.
После того как проект готов его можно либо сразу опубликовать на vercel (см. пример по ссылке), либо скачать архив и потом сделать частью более крупного проекта на claude/roocode/cursor/windsurf/...
Если сравнивать с lovable и bolt, то v0.app пока не хватает встроенного Security Audit, также нет отдельного режима планирования и автоматического рефакторинга кода (как в lovable).
А с точки зрения интеграций с Supabase и другими сервисами - у v0.app их даже больше! (подробности тут)
@llm_notes
#v0 #app #vibecoding #ui #agents #vercel #cv #site
Популярная платформа v0.dev получила крупное обновление и сменила домен на v0.app. Теперь это более мощный инструмент, который позволяет создавать полноценные рабочие продукты с помощью агентного ИИ.
Это отличное дополнение к фронентд AI-кодерам lovable и bolt. Только v0.app сейчас бесплатный!
Что нового:
• Агентный ИИ планирует, исследует, создает и отлаживает проекты
• Возможность описать идею и получить готовый продукт
• Бесплатный доступ на этой неделе
Что уже создают пользователи: 1️⃣ Полноценные MVP стартапов 2️⃣ Интерактивные презентации с редактируемыми макетами 3️⃣ Приложения для опросов с подключением к базам данных 4️⃣ Витрины интернет-магазинов 5️⃣ Дашборды с реальными данными и API-интеграцией
Платформа предлагает бесплатный период для тестирования всех возможностей.
Основное преимущество платформы — не нужно писать промпты построчно. Достаточно описать, что хотите создать, и v0.app разберется с остальным 🤖
Я проверил на задаче создания сайта-визитки по профилю в linkedin (см. скриншоты)
Мне понравилось, как v0.app справился с созданием сайта, где есть переключение 2х языков и переключение с темной на светлую тему. Полгода назад, тестируя lovable и bolt на такой задаче, я потратил почти в 2 раза больше времени.
Осталось добавить форму обратной связи через email (для отправки email можно использовать EmailJS), сделать выгрузку CV в pdf и подправить ссылки на соц. сети.
После того как проект готов его можно либо сразу опубликовать на vercel (см. пример по ссылке), либо скачать архив и потом сделать частью более крупного проекта на claude/roocode/cursor/windsurf/...
Если сравнивать с lovable и bolt, то v0.app пока не хватает встроенного Security Audit, также нет отдельного режима планирования и автоматического рефакторинга кода (как в lovable).
А с точки зрения интеграций с Supabase и другими сервисами - у v0.app их даже больше! (подробности тут)
@llm_notes
#v0 #app #vibecoding #ui #agents #vercel #cv #site
👍6❤3