1 звезда на GitHub = 1 новый компонент.

Поставить звезду
Официальный MCP-сервер · Astro 5.x

Ускорьте разработку с ИИ и Astro Components Kit

Подключите Cursor, Claude, Codex, Lovable или любой MCP-клиент напрямую к 340+ готовым компонентам, SVG-графикам и шаблонам. Пусть ваш ИИ создаёт сайты на Astro за секунды.

340+
Компонентов
41
SVG-графиков
3
Шаблонов
0
Зависимостей
Удалённый SSE Endpoint
https://mcp.astrocomponents.dev/sse

Настройка редактора в 1 клик

Выберите ваш инструмент для автоматической установки через CLI или ручной настройки JSON.

1

Автоматическая установка через CLI

Runs automatically and configures your project file.

npx astro-component-kit mcp install cursor
2

Прямой файл конфигурации

Or paste this directly into .cursor/mcp.json

{
  "mcpServers": {
    "astro-components": {
      "url": "https://mcp.astrocomponents.dev/sse"
    }
  }
}
1

Автоматическая установка через CLI

Runs automatically and configures your project file.

npx astro-component-kit mcp install claude

Or for Claude Code CLI:

claude mcp add astro-components https://mcp.astrocomponents.dev/sse
2

Прямой файл конфигурации

Or paste this directly into claude_desktop_config.json

{
  "mcpServers": {
    "astro-components": {
      "url": "https://mcp.astrocomponents.dev/sse"
    }
  }
}
1

Автоматическая установка через CLI

Runs automatically and configures your project file.

npx astro-component-kit mcp install codex
2

Прямой файл конфигурации

Or paste this directly into .codex/mcp.json

{
  "mcpServers": {
    "astro-components": {
      "url": "https://mcp.astrocomponents.dev/sse"
    }
  }
}
1

Автоматическая установка через CLI

Runs automatically and configures your project file.

npx astro-component-kit mcp install lovable

Or for Lovable Settings URL:

https://mcp.astrocomponents.dev/sse
2

Прямой файл конфигурации

Or paste this directly into .lovable/mcp.json

{
  "mcpServers": {
    "astro-components": {
      "url": "https://mcp.astrocomponents.dev/sse"
    }
  }
}
1

Автоматическая установка через CLI

Runs automatically and configures your project file.

npx astro-component-kit mcp install mcp
2

Прямой файл конфигурации

Or paste this directly into mcp.json

{
  "mcpServers": {
    "astro-components": {
      "url": "https://mcp.astrocomponents.dev/sse"
    }
  }
}

Попробуйте эти промпты с вашим ИИ

После подключения ваш ИИ получит прямой доступ к каталогу, TypeScript-интерфейсам и исходному коду компонентов.

E-commerce

“Добавь ProductBuyBox с выбором вариантов и сохраняемую корзину CartDrawer из astro-components”

Charts & KPIs

“Вставь KPI-виджет дохода KpiStatTile с процентом изменения и SVG-график LineChart”

SaaS App

“Создай экран номеров отеля с помощью RoomRack и AppSidebar из шаблона saas-hotel”

Design & Themes

“Настрой переключатель светлой и тёмной темы с адаптивными токенами ink-rgb из global.css”

8 встроенных MCP-инструментов

Всё необходимое вашему ИИ для поиска, анализа и генерации чистого Astro-кода.

search_components

Search components by keyword, category, or tag across 340+ building blocks

get_component

Inspect TypeScript props, usage examples, and accessibility requirements

get_component_code

Retrieve complete raw .astro source code ready for your project

list_categories

List all 13 categories with descriptions and item counts

list_templates

Overview of all 3 complete multi-page production templates

get_template

Full template architecture, pages, store configs, and routing files

get_design_tokens

CSS design tokens, light/dark mode variables, and global.css guide

get_library_info

Library version, totals overview, and quickstart commands

Скопировано в буфер обмена!