
tommertom/awesome-ionic-mcp
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
Удивительный MCP Сервер для создания мобильных приложений в React/Vue/Angular/VanillaJS с помощью Capacitor и Ionic
Обзор
Ваш комплексный компаньон для ионного кодирования на основе протокола Model Context Protocol (MCP). Этот интеллектуальный сервер обеспечивает беспрепятственный доступ к компонентам Ionic Framework, плагинам Capacitor, ресурсам разработчиков и ускоряет рабочий процесс разработки мобильных приложений. Независимо от того, создаете ли вы кроссплатформенные приложения с помощью React, Angular, Vue или Vanilla JavaScript, этот MCP-сервер предоставляет определения компонентов в реальном времени, документацию API, примеры кода, информацию о плагинах и возможность выполнять команды Ionic / Capacitor CLI непосредственно вашему помощнику AI, что позволяет быстрее разрабатывать и улучшать качество кода. Данные получены из пакета @ionic/core, ionicframework.com, docs-demo.ionic.io, capacitorjs.com, capawesome.io, capacitor-community и capgo. Жить, чтобы обеспечить точность и полноту.
Обзор (машинный перевод)
Ваш комплексный компаньон для ионного кодирования на основе протокола Model Context Protocol (MCP). Этот интеллектуальный сервер обеспечивает беспрепятственный доступ к компонентам Ionic Framework, плагинам Capacitor, ресурсам разработчиков и выполнению команд CLI для ускорения рабочего процесса разработки мобильных приложений. Независимо от того, создаете ли вы кроссплатформенные приложения с помощью React, Angular, Vue или Vanilla JavaScript, этот MCP-сервер предоставляет определения компонентов в реальном времени, документацию API, примеры кода, информацию о плагинах и возможность выполнять команды Ionic / Capacitor CLI непосредственно вашему помощнику AI, что позволяет быстрее разрабатывать и улучшать качество кода.
Данные получены из пакета @ionic/core, ionicframework.com, docs-demo.ionic.io, capacitorjs.com, capawesome.io, capacitor-community и capgo. Жить, чтобы обеспечить точность и полноту.
Инструменты доступны
| Наименование инструмента | Группа функций | Описание [скрыто] [скрыто] [скрыто] [скрыто] [скрыто] [скрыто] | get ionic component definition | @ionic/core.json | Retrieves the typescript definition of an Ionic component based on its HTML tag. | | get all ionic components | @ionic/core.json | Получает список всех ионных компонентов, доступных для этого инструмента |
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
Awesome Ionic MCP server
Your comprehensive Ionic coding companion powered by the Model Context Protocol (MCP). This intelligent server provides seamless access to Ionic Framework components, Capacitor plugins, developer resources, and CLI command execution to accelerate your mobile app development workflow. Whether you’re building cross-platform applications with React, Angular, Vue, or Vanilla JavaScript, this MCP server delivers real-time component definitions, API documentation, code examples, plugin information, and the ability to execute Ionic/Capacitor CLI commands directly to your AI assistant, enabling faster development and better code quality.
Data is sourced from the package @ionic/core, ionicframework.com, docs-demo.ionic.io, capacitorjs.com, capawesome.io, capacitor-community, and capgo.live to ensure accuracy and completeness.
Tools available
| Tool Name | Feature Group | Description |
|---|---|---|
| get_ionic_component_definition | @ionic/core.json | Retrieves the typescript definition of an Ionic component based on its HTML tag. |
| get_all_ionic_components | @ionic/core.json | Retrieves the list of all Ionic components available for this tool |
| get_component_api | ionicframework.com | Retrieves the component API on from the IonicFramework page using its HTML tag. |
| get_component_demo | docs-demo.ionic.io | Returns the component demo from the GitHub repository based on its HTML tag. |
| get_official_plugin_api | capacitorjs.com | Retrieves the official plugin API on from the Capacitor page using its HTML tag. |
| get_all_official_plugins | capacitorjs.com | Retrieves list of all Official Capacitor plugins. |
| get_all_plugins | capawesome.io | Retrieves list of all Capawesome Capacitor plugins (free and insider versions). |
| get_all_free_plugins | capawesome.io | Retrieves list of all Capawesome Capacitor free plugins - intensively curated and up-to-date. |
| get_all_insider_plugins | capawesome.io | Retrieves list of all Capawesome Capacitor insider plugins - intensively curated and up-to-date. |
| get_plugin_api | capawesome.io | Retrieves API documentation for a specific Capawesome Capacitor plugin. |
| get_capacitor_community_plugin_api | capacitor-community | Retrieves API documentation for a specific Capacitor Community plugin. |
| get_all_capacitor_community_plugins | capacitor-community | Retrieves list of all Capacitor Community plugins. |
| get_capgo_plugin_api | capgo | Retrieves API documentation for a specific CapGo plugin. |
| get_all_capgo_plugins | capgo | Retrieves list of all CapGo plugins. |
| get_all_capacitor_plugins | all-capacitor-plugins | Superlist of all Capacitor plugings from different publishers you can use to retrieve API information through this MCP tool. If you are lost about which plugin to use, this tool will help you find the right one. |
| ionic_info | ionic-cli | Get comprehensive project, system, and environment information |
Установка
npx -y awesome-ionic-mcp@latestКонфигурация
{
"mcpServers": {
"awesome-ionic-mcp": {
"command": "npx",
"args": ["-y", "awesome-ionic-mcp@latest"]
}
}
}