Cursor + Firecrawl: как собрать прототип сайта за 5 минут

Давай честно: “скопировать сайт” 1:1 — это риск (авторские права, репутация, банальные конфликты).
Но быстро собрать прототип по референсу (структура секций + логика + свой стиль и контент) — это нормальная практика. И связка Cursor + Firecrawl делает это реально быстро.

Ниже — пошаговая инструкция “как у людей”: подключаем Firecrawl в Cursor через MCP и используем scrape/map/crawl, чтобы за пару минут получить структуру, а затем превратить её в чистый код.

0) Что нужно заранее (2 минуты)

• Cursor установлен и проект открыт (можно пустой).
• Node.js установлен, чтобы работал npx (Cursor будет запускать MCP‑сервер командой npx).
• Firecrawl API key (получается в аккаунте Firecrawl).

1) Подключаем Firecrawl в Cursor через MCP (один раз)

В Cursor открой настройки (Ctrl+, на Windows) → Tools & Integrations → MCP Servers → New MCP Server (названия пунктов могут чуть отличаться, но логика такая).

Добавь конфигурацию (пример):

{
"mcpServers": {
"firecrawl": {
"command": "npx",
"args": ["-y", "firecrawl-mcp"],
"env": {
"FIRECRAWL_API_KEY": "ВАШ_API_КЛЮЧ"
}
}
}
}

Перезапусти Cursor. После этого в чате появятся инструменты Firecrawl.

2) “Копируем сайт за 5 минут”: правильный сценарий (лендинг)

Шаг A — получаем структуру страницы (Scrape)

В Cursor Chat попроси:

Сними main content страницы https://example.com в Markdown.
Требования: только основной контент, без меню/футера/cookie, сохрани заголовки и порядок секций.

Идея: ты получаешь Markdown‑скелет, с которым удобно работать как с ТЗ.

Шаг B — превращаем Markdown в компоненты

Дальше прямо в Cursor:

Собери лендинг из этого Markdown.
Сделай секции-компоненты: Hero, Benefits, Steps, SocialProof, FAQ, CTA.
Не копируй бренд: перепиши тексты нейтрально, оставь места под реальные факты.
Стили: современно, аккуратная типографика, mobile-first.

Шаг C — “антиклон”: меняем слой бренда

Чтобы это не выглядело как копия:

• меняешь палитру (2–3 цвета),
• шрифт + типографику,
• иллюстрации/фото на свои,
• переписываешь офферы под нишу.

3) Если нужно “как на сайте”: много страниц (Map → Scrape)

Когда референс не лендинг, а сайт с разделами:

1) Сначала попроси Firecrawl map: получить список URL нужного раздела.
2) Затем scrape ключевые страницы (главная, услуги, контакты, 2–3 статьи).
3) Сохрани результаты в content/*.md и попроси Cursor разложить их по роутам.

Пример запроса для Cursor:

Собери структуру сайта: Главная, Услуги, Кейсы, Контакты.
Используй эти Markdown-файлы как источник контента.
Сгенерируй страницы и навигацию.

4) Когда нужен Crawl (а не Scrape)

Crawl имеет смысл, когда тебе нужно пройтись по множеству страниц одного раздела (например, блог/каталог) и собрать контент пакетно.
Но для “прототипа за 5 минут” чаще хватает map + scrape 3–7 страниц.

5) Чек‑лист “чтобы не словить проблемы”

• Не переносить логотипы, фото, уникальные тексты 1:1.
• Использовать выгрузку как структуру/референс, а не как “клон”.
• Проверить, что нет чужих торговых знаков/копирайтов.
• В идеале — прототипировать на своём контенте.

Хочешь — сделаю такой прототип и доведу до продакшна

Могу собрать прототип по референсу в Cursor+Firecrawl и довести до полноценного продукта: лендинг/сайт/магазин/бот, интеграции и автоматизация.
Напиши в Telegram: @rchmanoffc

• Канал: DANIEL RICHMAN | FREELANCE
• Дзен: danielrichman