Загрузка...
Смарт-конспекты YouTube-видео — ключевые идеи и инсайты без необходимости смотреть часовые ролики
Пошаговая настройка Cursor AI для максимальной продуктивности: модели, .cursorrules, MCP-сервера и генерация кода по скриншотам.
🎯 О чём этот конспект: Пошаговое руководство по превращению Cursor в мощный инструмент для создания IT-продуктов. Разбираются основы установки, продвинутые настройки агента, работа с правилами (cursorrules), использование MCP-серверов и создание фронтенда по скриншоту.
👤 Кому будет полезно: Вайбкодерам любого уровня — от новичков, желающих собрать первый SaaS, до опытных разработчиков, переходящих на AI-native разработку.
✨ Что получите: Готовую к работе среду Cursor с оптимальными настройками моделей, безопасности и автоматизации, а также понимание того, как генерировать код на основе визуальных референсов.
Контекст: Cursor — это не просто чат, а полноценная IDE (на базе VS Code), где AI имеет доступ к вашим файлам. Для достижения наилучших результатов важно правильно выбрать «мозг» системы. Автор подчеркивает, что выбор модели напрямую влияет на логику и отсутствие багов в сложных проектах.
Выгода: Экономия времени на исправление галлюцинаций AI и получение более чистого кода с первой попытки.
Как применить:
CursorCursor Settings > Features найдите Enable auto run mode.
Результат: Предсказуемое поведение AI-агента, использующего самую мощную модель на рынке.
Контекст: Без четких инструкций AI может писать код вразнобой. Файл .cursorrules (или глобальные правила в настройках) задает «личность» и стандарты разработки для агента: какие библиотеки использовать, как называть переменные и какой архитектуры придерживаться.
Выгода: Единообразие кода во всем проекте и автоматическое соблюдение Best Practices без лишних промптов.
Как применить:
.cursorrules или добавьте правило в Cursor Settings > General > Rules for AI.You are an expert in TypeScript, Node.js, Next.js App Router.
Key principles:
- Use Tailwind CSS for styling.
- Follow Google's Material Design principles.
- Use naming conventions: camelCase for variables, PascalCase for components.
- Ensure all components are functional and use Hooks.Результат: Агент перестает предлагать устаревшие решения и пишет код строго под ваш стек.
Контекст: Новички часто совершают ошибку, «зашивая» API-ключи прямо в код, что ведет к их краже при публикации на GitHub. Правильный старт проекта в Cursor подразумевает использование переменных окружения и структуры, готовой к деплою на Vercel.
Выгода: Защита ваших финансов (API-ключей) и возможность опубликовать сайт одной кнопкой.
Как применить:
Set up my project in Next.js connecting to Supabase and using .env.local to securely store my environment details and keys. For deployment on Vercel, ensure adequate dependencies and versions. Create a .gitignore file to exclude .env.local..env.local..gitignore, где прописан .env.local.Результат: Готовый каркас приложения с настроенной базой данных и защищенными ключами.
Контекст: Cursor обладает мощным зрением. Вместо того чтобы описывать интерфейс словами, вы можете просто показать ему картинку или макет из Figma.
Выгода: Сокращение времени на верстку UI в 10 раз.
Как применить:
Create a page similar to this image using Next.js and Tailwind CSS. Ensure it's responsive and includes all functional elements like the sidebar and chat input as seen in the screenshot.Результат: Готовый, стилизованный код фронтенда, максимально похожий на ваш референс.
Контекст: MCP — это протокол, который позволяет AI-моделям подключаться к внешним инструментам (Google Search, Slack, базы данных) напрямую. Это превращает Cursor из «писателя кода» в «операционную систему», которая видит актуальные данные из интернета.
Выгода: Возможность давать агенту доступ к актуальной документации или вашим данным в реальном времени.
Как применить:
Settings > Features > MCP.Результат: AI-агент с расширенными возможностями, выходящими за рамки простого редактирования текста.
В: В чем разница между Cursor и обычным VS Code? О: Cursor — это форк VS Code, в который на уровне ядра интегрированы AI-функции. В отличие от плагинов (типа Copilot), Cursor понимает весь контекст вашего проекта, может создавать файлы, исправлять ошибки в терминале и «видеть» изображения.
В: Что делать, если Cursor «сошел с ума» и начал портить код? О: Используйте функцию Restore Checkpoint в окне чата. Это позволяет откатить все изменения, сделанные агентом за текущую сессию, к определенному моменту времени.
В: Нужно ли платить за API-ключи Claude или OpenAI отдельно? О: Если вы на подписке Pro ($20/мес), вы используете 500 быстрых запросов в месяц через инфраструктуру Cursor. Свои ключи вводить не обязательно, но такая возможность есть, если лимиты закончатся.
В: Как запустить созданный проект, чтобы посмотреть результат в браузере? О: Введите в терминале Cursor команду npm run dev (для Next.js). Агент обычно сам предлагает это сделать и даже дает ссылку (localhost:3000).
В: Можно ли в Cursor создавать мобильные приложения? О: Да. Автор показывает пример: создайте проект в Xcode (для iOS), затем откройте эту папку в Cursor. Агент сможет писать код на Swift и помогать с архитектурой приложения так же, как и с веб-сайтами.
Конспект создан на основе видео «Cursor AI Setup for Success (2025)» канала Alex Northstar. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=cE84Q5IRR6U