Ionic Framework Mcp

io.capawesome由 capawesome.io 发布官方发布者v0.0.1更新于 Oct 24, 2026

Unofficial MCP server for the Ionic Framework documentation, components and blog.

发布方自己的服务:Capacitor Mcp

已验证Streamable HTTP可网页运行知识与记忆开发者工具

概览

AI 生成的概览

非官方的 MCP 服务器,为助手提供 Ionic Framework v9/v8 文档、组件 API 参考、用法示例和博客内容。

可以做什么
  • 按关键词搜索 Ionic Framework 官方文档,可按章节和版本筛选
  • 以 Markdown 形式完整读取单个文档页面
  • 列出 UI 组件及其标签名、描述和链接,可按关键词过滤
  • 读取某个组件在 Angular、React、Vue 或原生 JavaScript 下的官方用法示例
  • 列出 Ionic 博客最近 10 篇文章的标题、日期、标签和摘要
适用场景
适合在开发或排查 Ionic Framework 应用时,让助手依据最新的 v9 或 v8 文档和真实组件用法示例作答,而不是猜测 API。也适合查询 Ionic 博客中的近期发布、公告和弃用信息。
运行要求
通过 streamable HTTP 连接远程 MCP 端点,无需账号、令牌或安装。无法连接远程 HTTP 的客户端可用 npx 运行 npm 包作为 stdio 代理,需要 Node.js 22 或更高版本。需要能访问托管端点;每个 IP 每分钟限 100 次请求。
安装前请注意
非官方项目,与 Ionic 或 OutSystems 无隶属关系,也未获其认可。查询内容和工具参数会发送到第三方托管服务;README 称 IP 地址仅用于限流,查询不会被存储或用于训练。工具只读取文档,不会写入或修改数据。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Ionic Framework Mcp,将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Web executable,通过 Streamable HTTP。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体,或 SourceWeft 对话中。智能体会读取该服务器的安装指南,先向你展示发布者、端点和登录方式,经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/io.capawesome%2Fionic-framework-mcp/install.md,并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前,先告诉我它的发布者、端点和登录方式,等我确认。不要把 API 密钥写进命令或我会提交的文件;问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "ionic-framework": {
      "type": "http",
      "url": "https://ionic-framework-mcp.capawesome.io/mcp"
    }
  }
}

README

Ionic Framework MCP Server

Unofficial MCP server for the official Ionic Framework documentation. It gives AI assistants the current documentation for Ionic Framework v9 and v8 — including the component API reference and the usage examples for Angular, React, Vue and vanilla JavaScript — plus the Ionic blog. Not affiliated with or endorsed by Ionic or OutSystems.

Maintained by Capawesome.

Endpoint

The server is hosted and ready to use. No account, no token, no installation:

https://ionic-framework-mcp.capawesome.io/mcp

Installation

Claude Code

bash
claude mcp add --transport http ionic-framework https://ionic-framework-mcp.capawesome.io/mcp

Claude Desktop / Claude.ai

Go to Settings → Connectors → Add custom connector and enter:

  • Name: Ionic Framework
  • URL: https://ionic-framework-mcp.capawesome.io/mcp

Cursor

[Install in Cursor]

Or add .cursor/mcp.json to your project:

json
{  "mcpServers": {    "ionic-framework": {      "url": "https://ionic-framework-mcp.capawesome.io/mcp"    }  }}

VS Code

Install in VS Code

Or add .vscode/mcp.json to your project:

json
{  "servers": {    "ionic-framework": {      "type": "http",      "url": "https://ionic-framework-mcp.capawesome.io/mcp"    }  }}

Windsurf

Add the server to ~/.codeium/windsurf/mcp_config.json:

json
{  "mcpServers": {    "ionic-framework": {      "serverUrl": "https://ionic-framework-mcp.capawesome.io/mcp"    }  }}

Zed

Add the server to your Zed settings.json:

json
{  "context_servers": {    "ionic-framework": {      "url": "https://ionic-framework-mcp.capawesome.io/mcp"    }  }}

Any client via npx

Clients that cannot connect to a remote server over HTTP can run this package, which proxies stdio to the hosted server:

json
{  "mcpServers": {    "ionic-framework": {      "command": "npx",      "args": ["-y", "@capawesome/ionic-framework-mcp"]    }  }}

Requires Node.js 22 or later.

Tools

ToolPurposeParameters
search_docsSearch the documentation by keyword. Start here for any Ionic Framework question.query (required), section, version, limit
get_doc_pageRead a full documentation page returned by search_docs.url (required), version
list_componentsList Ionic Framework components with their API reference.query, version, limit
get_component_usageRead usage examples for a component, per framework.component (required), example, framework, version
list_blog_postsList recent posts from the Ionic blog.—

Versions

The documentation is available for Ionic Framework v9 (default) and v8. Pass the version parameter to target a specific version.

Rate limits

The endpoint is limited to 100 requests per minute per IP. Requests over the limit are answered with 429 Too Many Requests; retry after a short wait.

Privacy

Your IP address is processed for rate limiting only. Queries and tool arguments are not stored, not logged beyond Cloudflare's standard edge logs, and never used for training. See the Privacy Policy for details.

Related

Attribution

The documentation content is © the Ionic team, licensed under Apache-2.0 and sourced from ionic-team/ionic-docs. It is converted from MDX to Markdown for delivery over MCP and otherwise served unmodified in substance. The component API reference comes from the @ionic/docs package (MIT). Blog excerpts come from the Ionic blog and link to the original post.

See NOTICE for the full attribution.

Development

bash
npm installnpm run buildnpm test

Set IONIC_FRAMEWORK_MCP_URL to point the proxy at a local server instead of the hosted one:

bash
IONIC_FRAMEWORK_MCP_URL=http://localhost:8787/mcp node dist/index.js

Release

Releases are managed by release-please. Merging its release pull request tags the version, publishes the package to npm and then publishes server.json to the MCP Registry. The version in server.json is bumped by release-please together with package.json, so it never has to be edited by hand. To publish to the registry manually, install mcp-publisher, run mcp-publisher login dns --domain=capawesome.io --private-key=<key> with the Ed25519 private key from the password manager and then mcp-publisher publish.

License

See LICENSE.

来源:README.md,提交 d3f3a06

工具

5

search_docs

Search Ionic Framework documentation

Search the official Ionic Framework documentation from ionicframework.com by keyword. Use this first for any question about Ionic Framework itself — a UI component and its properties, events and CSS custom properties, theming and layout, the Angular, React and Vue integrations, navigation and routing, the Ionic CLI, or upgrading to a newer major version — because guessing a component property or a CSS variable produces markup that silently does nothing. Returns the best matching page sections with `title`, `url`, `snippet`, `section` and `version`, plus the `parentTitle` and `parentUrl` of the page a section belongs to. The same results are attached as structured content. Do not use this to read a whole page (call `get_doc_page` with a `url` from these results), for Capacitor core, Capacitor plugins or native iOS and Android configuration (use the Capacitor MCP server at https://capacitor-mcp.capawesome.io/mcp instead), or for Capawesome plugins and Capawesome Cloud services such as Live Updates, Native Builds and App Store Publishing (use the Capawesome MCP server at https://mcp.capawesome.io/mcp instead).

输入参数limitquery必填sectionversion

get_doc_page

Read a documentation page

Read the full markdown of a single page of the official Ionic Framework documentation. Use this after `search_docs` to read a page end to end before writing markup against a component, because search snippets are deliberately short and regularly omit required setup steps. A component page carries the complete API reference of that component: its properties with types and defaults, events, methods, CSS shadow parts, CSS custom properties and slots. Returns the page title, its URL, the documentation version and the complete page markdown including code samples. Do not use this to find a page: it needs an exact URL or path, so run `search_docs` first. Do not use it for pages outside ionicframework.com — Capacitor and native plugins are covered by the Capacitor MCP server at https://capacitor-mcp.capawesome.io/mcp, Capawesome plugins and Capawesome Cloud by the Capawesome MCP server at https://mcp.capawesome.io/mcp.

输入参数url必填version

list_components

List Ionic Framework components

List the UI components of Ionic Framework, optionally filtered by a keyword. Use this to find the component that fits a piece of UI before building it by hand, and to learn the custom element name it is used under. Use limit 100 to list every component. Returns `tag`, `description` and `url` per component, where `url` is the documentation page carrying its full API reference. Do not use this to read a component's API: call `get_doc_page` with the returned `url`. Do not use it for Capacitor plugins or native capabilities, which are covered by the Capacitor MCP server at https://capacitor-mcp.capawesome.io/mcp.

输入参数limitqueryversion

get_component_usage

Read component usage examples

Read the official usage examples of one Ionic Framework component, as published on its documentation page. Use this before writing markup for a component to see how it is actually used in Angular, React, Vue or vanilla JavaScript — the template, the component class and the styles that belong together. Call it without an `example` first to see which examples the component offers. Returns the examples of the component with the frameworks each provides, or, when an `example` is given, its code per framework as fenced code blocks — one section per framework, and one block per file where an example spans several files. Do not use this for the component's API reference: its properties, events, methods, CSS shadow parts, CSS custom properties and slots are on the documentation page, which `get_doc_page` returns.

输入参数exampleversioncomponent必填framework

list_blog_posts

List recent blog posts

List the 10 most recent posts from the official Ionic blog, newest first. Use this when the question is about what is new — recent releases, announcements or deprecations. The blog covers both Ionic Framework and Capacitor. Returns `title`, `date`, `tags`, `url` and `excerpt` per post. Do not use this to answer a documentation question: the feed only carries the newest posts, so search the documentation with `search_docs` instead.

无需输入参数。

版本历史

1
  1. v0.0.1最新Sep 16, 2026

评分

已满足适用检查项的 100%

该评分衡量此收录条目的完整程度,依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价,也不表示服务器安全或当前可用:可连通性是带日期的检查结果,评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分

其他 Capawesome 集成