🎯 О чём этот конспект: Обзор и практическое руководство по использованию Trae AI — нового бесплатного адаптивного AI-редактора (IDE), который позиционируется как главный конкурент Cursor. В видео разбираются ключевые функции: AI-билдер, работа с моделями Claude 3.5/3.7 и GPT-4o, а также настройка кастомных агентов через протокол MCP.

👤 Кому будет полезно: Вайбкодерам, разработчикам любого уровня и тем, кто ищет мощную бесплатную альтернативу Cursor для создания IT-продуктов с помощью AI.

✨ Что получите: Вы научитесь настраивать Trae AI, создавать приложения с нуля через Builder, интегрировать внешние данные (например, YouTube API) через MCP-серверы и управлять поведением нейросети с помощью глобальных правил.

1. Обзор и установка Trae AI

Контекст: Trae AI — это полноценная среда разработки (IDE) на базе VS Code, которая предлагает те же возможности, что и платные аналоги, но полностью бесплатно. Главное отличие — глубокая интеграция AI-агентов, которые понимают контекст всего вашего проекта. В отличие от расширений для VS Code, здесь AI встроен в ядро, что позволяет использовать функции автодополнения и чата без ограничений по подписке.

Выгода: Экономия $20/мес (стоимость Cursor Pro) при доступе к топовым моделям: Claude 3.5 Sonnet, Claude 3.7, Gemini 2.0 и GPT-4o.

Как применить:

• Шаг 1: Загрузка — Перейдите на сайт trae.ai и скачайте дистрибутив для вашей ОС.
• Шаг 2: Настройка рабочего пространства — После установки откройте редактор и выберите папку проекта на левой панели (Explorer). Это критически важно, так как AI индексирует файлы в этой папке для понимания контекста.
• Шаг 3: Интерфейс — Слева находится привычный VS Code, справа — панель "AI Sidecar" для чата и Builder для генерации кода.

Результат: Готовая к работе среда разработки с подключенными топовыми LLM.

2. Использование AI Builder для создания приложений с нуля

Контекст: Режим Builder в Trae AI позволяет создавать целые проекты или крупные фичи по текстовому описанию. AI не просто пишет код, а создает структуру файлов, пишет HTML/CSS/JS и сразу предлагает применить изменения. Вам не нужно копировать код вручную — редактор делает это за вас.

Выгода: Скорость прототипирования увеличивается в 10 раз. Можно создать работающее веб-приложение за 2 минуты, даже не зная синтаксиса языка.

Как применить:

• Шаг 1: Активация Builder — На правой панели переключитесь в режим "Builder".
• Шаг 2: Выбор модели — Выберите Claude 3.5 Sonnet или GPT-4o в выпадающем списке.
• Шаг 3: Промптинг — Введите запрос на создание приложения. Например:

Build a simple rock paper scissors game using HTML, CSS, and JavaScript. 
Make it modern and responsive.

• Шаг 4: Итерация — Если результат нужно изменить (например, сменить тему на космическую), просто напишите уточнение в тот же чат:

Update the overall style to give it an outer space theme with animations.

Результат: Полностью рабочий набор файлов проекта, готовый к запуску в браузере.

3. Настройка кастомных агентов через MCP (Model Context Protocol)

Контекст: MCP — это открытый стандарт, который позволяет AI-агентам Trae подключаться к внешним инструментам и данным (GitHub, Google Maps, YouTube, Slack). Это превращает редактор из простого "написателя кода" в мощного ассистента, который может тянуть реальные данные через API и использовать их в вашем коде.

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

Как применить:

• Шаг 1: Создание агента — Нажмите на иконку робота (Builder with MCP) и выберите "Create Agent". Назовите его, например, YouTube_Agent.
• Шаг 2: Добавление сервера — Нажмите "Add MCP Server". Выберите нужный сервис (например, YouTube).
• Шаг 3: Конфигурация — Скопируйте JSON-конфигурацию из документации MCP и вставьте свой API ключ.
• Шаг 4: Запрос к агенту — Используйте промпт для создания сайта на основе данных из API:

Using the YouTube MCP server, create a simple website that displays all videos from my YouTube channel. 
The website should show a clean grid of video thumbnails, titles, and metrics like views and likes. 
Use HTML, CSS, and JavaScript.

Результат: Приложение, которое в реальном времени отображает данные из вашего YouTube-канала.

4. Управление поведением через AI Rules

Контекст: Правила (Rules) позволяют задать глобальные инструкции для AI, которые будут применяться ко всем ответам и генерациям кода. Это аналог файла .cursorrules. Вы можете заставить AI всегда использовать определенный стиль кодирования, библиотеки или форматирование.

Выгода: Консистентность кода во всем проекте и отсутствие необходимости повторять одни и те же инструкции в каждом чате.

Как применить:

• Шаг 1: Открытие правил — В верхнем меню выберите "AI Management" -> "Rules".
• Шаг 2: Добавление правила — Нажмите "Add User Rule" и впишите инструкцию. Пример:

Use tabs for indentation in all code. Always use Tailwind CSS for styling. 
Write comments in Russian.

• Шаг 3: Проверка — Попросите AI переформатировать существующий код или создать новый — он автоматически применит заданные правила.

Результат: AI-ассистент, работающий строго по вашим стандартам разработки.

FAQ

В: Trae AI действительно бесплатный? В чем подвох? О: На данный момент Trae полностью бесплатен и предоставляет безлимитный доступ к Claude 3.5/3.7 и GPT-4o. Разработчики планируют ввести платный тариф к концу мая 2025 года для снятия лимитов на высокочастотные API-запросы, но базовый функционал останется доступным.

В: Можно ли перенести свои проекты из Cursor или VS Code? О: Да, Trae построен на базе VS Code, поэтому он поддерживает большинство расширений из VS Code Marketplace и легко открывает любые папки с проектами.

В: Что такое MCP и зачем он вайбкодеру? О: MCP (Model Context Protocol) позволяет нейросети "выходить в интернет" и общаться с другими программами. Для вайбкодера это значит, что можно сказать: «Сделай дашборд из моих Google Таблиц», и AI сам подключится к ним.

В: Какие модели лучше использовать в Trae? О: Для написания логики и сложного кода автор рекомендует Claude 3.5 Sonnet или Claude 3.7. Для быстрых правок и простых скриптов отлично подходит GPT-4o или Gemini 2.0.

В: Как запустить созданный в Trae сайт? О: Самый простой способ — найти файл index.html в папке проекта через проводник Windows/Mac и открыть его с помощью любого браузера (Chrome, Safari).

Конспект создан на основе видео «Trae AI: The Best FREE AI Coding IDE (Claude 3.5, MCP & More)» канала Devon's on Fire. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=V3Mp2D2DU-g