tommertom/awesome-ionic-mcp
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
素晴らしいMCP Server は、Capacitor と Ionic を使用して、React/Vue/Angular/VanillaJS でモバイルアプリの構築を支援します
概要
モデルコンテクストプロトコル(MCP)を搭載した包括的なIonicコーディングコンパニオン。 このインテリジェントなサーバーは、Ionic Frameworkコンポーネント、Capacitorプラグイン、開発者リソース、およびモバイルアプリ開発ワークフローを加速するためのシームレスなアクセスを提供します。 React、Angular、Vue、Vバニラ JavaScript でクロスプラットフォームアプリケーションを構築している場合でも、この MCP サーバーは、リアルタイムコンポーネントの定義、API のドキュメント、コード例、プラグイン情報、Ionic/Capacitor CLI コマンドをAI アシスタントに直接実行する機能など、より高速な開発とより良いコードの品質を実現します。 データはパッケージ@ionic/core、ionicframework.com、docs-demo.ionic.io、コンデンサーjs.com、capawesome.io、コンデンサーCommunityおよびcapgoから供給されます。 正確さおよび完全性を保障するために生きて下さい.
概要（AI 翻訳）
モデルコンテクストプロトコル(MCP)を搭載した包括的なIonicコーディングコンパニオン。 このインテリジェントなサーバーは、Ionic Frameworkコンポーネント、Capacitorプラグイン、開発者リソース、**CLIコマンド実行にシームレスなアクセスを提供し、モバイルアプリ開発ワークフローを加速します。 React、Angular、Vue、Vバニラ JavaScript でクロスプラットフォームアプリケーションを構築している場合でも、この MCP サーバーは、リアルタイムコンポーネントの定義、API のドキュメント、コード例、プラグイン情報、Ionic/Capacitor CLI コマンドをAI アシスタントに直接実行する機能など、より高速な開発とより良いコードの品質を実現します。
データはパッケージ[@ionic/core]、ionicframework.com、docs-demo.ionic.io、コンデンサーjs.com、capawesome.io、コンデンサーコミュニティ、およびcapgoから供給されます。 正確さおよび完全性を保障するために生きて下さい。
利用可能なツール
| ツール名 | 機能グループ | 説明 | | お問い合わせ | | get ionic component definition | @ionic/core.json | HTMLタグに基づくIonicコンポーネントの型スクリプト定義を取得します。 | | 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"]
}
}
}