# ionic-framework-mcp

Даёт ИИ-агенту доступ к документации Ionic Framework, API компонентов, примерам для разных фреймворков и публикациям блога. Помогает разрабатывать мобильный интерфейс с опорой на документацию.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 1
- Автор: capawesome-team
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/capawesome-team/ionic-framework-mcp
- Обновлён: 2026-09-08
- HTML: https://affpapa.org/nevibecode/mcp/ionic-framework-mcp

## Что делает

Сервер подключает документацию Ionic Framework к ИИ-агенту через MCP. С помощью `search_docs` можно искать материалы по ключевым словам, а `get_doc_page` открывает полную страницу документации. Инструмент `list_components` находит компоненты и их API, `get_component_usage` возвращает примеры применения для выбранного фреймворка, а `list_blog_posts` показывает публикации блога Ionic.

Документация доступна для Ionic Framework v9 и v8; по умолчанию используется v9. Примеры охватывают Angular, React, Vue и обычный JavaScript. Сервер размещён удалённо и принимает HTTP-подключения, поэтому для такого способа не нужны локальная установка пакета или токен доступа. Для клиентов без поддержки удалённого HTTP предусмотрен запуск через `npx`; в этом случае требуется Node.js 22 или новее.

Лимит составляет 100 запросов в минуту на IP-адрес. При превышении сервер отвечает `429 Too Many Requests`, после чего запрос можно повторить через короткое время. Сервер поддерживается Capawesome и не связан официально с командой Ionic или OutSystems.

## Требования
- Нужно: Node.js (команды через npx)
- Удалённый сервер: `https://ionic-framework-mcp.capawesome.io/mcp`

## Установка

### Claude Code (родная платформа)

1. **Командой платформы: удалённый сервер**
```bash
claude mcp add --transport http ionic-framework-mcp https://ionic-framework-mcp.capawesome.io/mcp
```

2. **Командой платформы**
```bash
claude mcp add ionic-framework-mcp -- npx -y @capawesome/ionic-framework-mcp
```

### Codex

1. **Командой платформы: удалённый сервер**
```bash
codex mcp add ionic-framework-mcp --url https://ionic-framework-mcp.capawesome.io/mcp
```

2. **Командой платформы**
```bash
codex mcp add ionic-framework-mcp -- npx -y @capawesome/ionic-framework-mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "ionic-framework-mcp": {
            "url": "https://ionic-framework-mcp.capawesome.io/mcp"
        }
    }
}
```
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "ionic-framework-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "@capawesome/ionic-framework-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "ionic-framework-mcp": {
            "type": "http",
            "url": "https://ionic-framework-mcp.capawesome.io/mcp"
        }
    }
}
```
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "ionic-framework-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@capawesome/ionic-framework-mcp"
            ]
        }
    }
}
```

### Gemini CLI

1. **Командой платформы: удалённый сервер**
```bash
gemini mcp add -t http ionic-framework-mcp https://ionic-framework-mcp.capawesome.io/mcp
```

2. **Командой платформы**
```bash
gemini mcp add ionic-framework-mcp npx -y @capawesome/ionic-framework-mcp
```

## Когда брать
- Найти документацию Ionic по названию компонента или API
- Получить полное содержимое страницы документации
- Сравнить API компонентов в Ionic Framework v8 и v9
- Посмотреть примеры компонента для Angular, React или Vue
- Найти свежие публикации в блоге Ionic

## Примеры запросов агенту
- Найди в документации Ionic примеры использования компонента кнопки для React.
- Покажи API выбранного компонента Ionic для версии v8 и объясни его параметры.
- Найди публикации блога Ionic, связанные с компонентами интерфейса.

## Похожие
- [mobile-mcp](https://affpapa.org/nevibecode/mcp/mobile-mcp.md) — MCP-сервер · ★ 10025
- [mobilerun](https://affpapa.org/nevibecode/mcp/mobilerun.md) — MCP-сервер · ★ 9833
- [e2e](https://affpapa.org/nevibecode/mcp/e2e.md) — MCP-сервер · ★ 11962
- [XcodeBuildMCP](https://affpapa.org/nevibecode/mcp/xcodebuildmcp.md) — MCP-сервер · ★ 6511
- [ShipSwift](https://affpapa.org/nevibecode/mcp/shipswift.md) — MCP-сервер · ★ 3244
- [agent-device](https://affpapa.org/nevibecode/mcp/agent-device.md) — MCP-сервер · ★ 5158

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md