一个很棒的MCP服务器，可以帮助你用Capacitor和Ionic在React/Vue/Angular/VanillaJS中构建移动应用
概览
您全面的 Ionic 编码伙伴，由模型上下文协议（MCP）驱动。这台智能服务器无缝访问 Ionic 框架组件、电容插件、开发者资源，加速您的移动应用开发流程。无论您是在使用 React、Angular、Vue 还是 Vanilla JavaScript 构建跨平台应用，这台 MCP 服务器都能实时提供组件定义、API 文档、代码示例、插件信息，并可直接执行 Ionic/Capacitor CLI 命令给您的 AI 助手，从而加快开发速度和提升代码质量。 数据来源于@ionic/核心、ionicframework.com 内芯、中 docs-demo.ionic.io、capacitorjs.com、capawesome.io、电容器社区和 capgo.live，以确保准确性和完整性。
概述（AI 翻译）
你全面的Ionic编码伙伴，由模型上下文协议（MCP）驱动。这台智能服务器无缝访问Ionic Framework组件、电容插件、开发者资源和CLI命令执行，加速你的移动应用开发流程。无论你是在用React、Angular、Vue还是Vanilla JavaScript构建跨平台应用，这台MCP服务器都能实时提供组件定义、API文档、代码示例、插件信息，并能直接向你的AI助手执行Ionic/Capacitor CLI命令，加快开发速度和更高代码质量。
数据来源于封装@ionic/core、ionicframework.com、docs-demo.ionic.io、capacitorjs.com、capawesome.io、电容社区和 capgo.live，以确保准确性和完整性。
可用工具
| 工具名称 | 功能组 | 描述 |
|---|---|---|
| get_ionic_component_definition | @ionic/core.json | 根据 Ionic 组件的 HTML 标签检索 Typescript 定义。 |
| get_all_ionic_components | @ionic/core.json | 检索该工具可用的所有离子组分列表 |
本页由 AI 翻译，技术细节请以原文为准。
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"]
}
}
}