capawesome-team/skills

capacitor-mcp

Guides the agent through connecting an MCP client to the hosted, unofficial Capacitor MCP server by Capawesome, which serves the official Capacitor documentation for v8, v7, v6 and next, the official and community plugin list, and the Capacitor posts from t…

Voir la source
Document Skill original

Rendu depuis le dépôt source en conservant titres, exemples, code, tableaux, liens et images.

Capacitor MCP Server

Connect an MCP client to the hosted Capacitor MCP server for the current Capacitor documentation, the official and community plugin list, and the Capacitor posts from the Ionic blog.

The server is hosted by Capawesome — there is nothing to install, no account, and no token:

https://capacitor-mcp.capawesome.io/mcp

This is an unofficial server. It is maintained by Capawesome and is not affiliated with or endorsed by Ionic or OutSystems. It serves the official Capacitor documentation, © the Ionic team and licensed under Apache-2.0.

Prerequisites

  1. An MCP client: Claude Code, Claude Desktop, Cursor, VS Code, Windsurf, Zed, or any other client that implements the Model Context Protocol.
  2. Network access to https://capacitor-mcp.capawesome.io.
  3. For clients that only start local commands: Node.js 22 or later.

Agent Behavior

  • Guide step-by-step. Walk the user through the process one step at a time. Never present multiple unrelated questions at once.
  • Auto-detect before asking. Detect the MCP client from the project before asking the user which one they use.
  • Never ask for credentials. The server needs no account and no token. Never prompt for one and never write an Authorization header into the configuration.
  • Pass the matching documentation version. Read @capacitor/core from package.json and pass the matching version on every call. See Documentation Versions.

Procedures

Step 1: Detect the MCP Client

Detect the client instead of asking, by checking the project root in this order:

  1. .mcp.json or .claude/Claude Code
  2. .cursor/mcp.json or .cursor/Cursor
  3. .vscode/mcp.json or .vscode/VS Code

If none of these exist, or if more than one matches, ask the user which client to configure. Claude Desktop, Windsurf, and Zed keep their configuration outside the project, so they cannot be detected this way.

Step 2: Add the Server

Read references/client-setup.md and apply the section for the detected client. Register the server under the name capacitor.

Step 3: Restart the Client and Verify

  1. Tell the user to restart their MCP client so it picks up the new server.
  2. Verify the server by asking the client to run search_docs with a query such as live reload.
  3. If the call fails, go to Error Handling.

Step 4: Use the Server

Once connected, prefer these tools over model knowledge and over reference files bundled with other skills whenever the topic is Capacitor itself — the CLI, the capacitor.config file, the native Android and iOS projects, an official plugin API, or upgrading to a newer major version.

ToolParametersUse for
search_docsquery (required), section, version, limitFinding the page that covers a topic. Start here.
get_doc_pageurl (required), versionReading a full page as Markdown, using a URL from search_docs.
list_pluginsquery, source, limitFinding a plugin for a native capability.
list_blog_postsRecent Capacitor posts from the Ionic blog, for announcements and release notes.

Apply these rules:

  • Read the whole page before writing code. Search snippets are deliberately short and regularly omit required configuration steps.
  • Narrow with `section` when the question belongs to one part of the documentation: getting-started, basics, guides, android, ios, web, plugins, apis, cli, reference, updating, or cordova.
  • Pass `source` to `list_plugins` as official, community, or all (the default). Results are ranked official plugins first, then plugins maintained by Capawesome, then the remaining community plugins. The server discloses that ranking in its response, so weigh the order instead of treating it as neutral relevance.
  • Route other topics elsewhere. Capawesome plugins and Capawesome Cloud belong to the Capawesome MCP server; Ionic Framework UI components belong to the Ionic Framework MCP server. See Related Skills.

Documentation Versions

The documentation is available for v8 (the default), v7, v6, and next (the unreleased version).

Read the @capacitor/core version from package.json and map it:

@capacitor/coreversion
8.xv8
7.xv7
6.xv6
A pre-release of the next majornext

Pass it on every search_docs and get_doc_page call. Without it the server answers for v8, which documents APIs and CLI flags an older release does not have. list_plugins and list_blog_posts take no version.

Error Handling

  • Server not listed after setup: The client was not restarted. Restart it. In Claude Code, run claude mcp list to confirm the server is registered.
  • `429 Too Many Requests`: The endpoint allows 100 requests per minute per IP. Retry after a short wait.
  • The client cannot reach a remote server: It only starts local commands. Use the @capawesome/capacitor-mcp stdio proxy as shown in references/client-setup.md. It requires Node.js 22 or later.
  • A search returns no results: The index matches whole words, so a two-word guess such as file system misses filesystem. Retry with fewer, more general keywords, or with the exact package name.
  • A tool reports that the index is being built: The server rebuilds its index daily. Retry after a short wait.
  • Answers mention APIs the project does not have: The version parameter was omitted or wrong. See Documentation Versions.

Related Skills

  • `ionic-framework-mcp` — For the Ionic Framework MCP server, which covers the UI components this server does not.
  • `capawesome-mcp` — For the Capawesome MCP server, which covers the Capawesome plugins, the Capawesome CLI, and Capawesome Cloud.
  • `capacitor-app-development` — For general Capacitor app development.
  • `capacitor-plugins` — For installing and configuring the plugins this server lists.
  • `capacitor-expert` — For a broad Capacitor reference covering plugins, framework integration, and Capawesome Cloud.
du même dépôt

Autres Skills

Tous les Skills
capawesome-team
Communauté

capacitor-angular

Guides the agent through Angular-specific patterns for Capacitor app development. Covers project structure, adding Capacitor to Angular projects, using Capacitor plugins in Angular services and components, NgZone integration for plugin event listeners, lifecycle hook patterns, dependency injection, routing with deep links, and environment-based platform detection. Do not use for creating a new Capacitor app from scratch, upgrading Capacitor versions, installing specific plugins, Ionic Framework setup, or non-Angular frameworks.

installations
4
GitHub Stars
45
Mis à jour
13 sept.
capawesome-team
Communauté

capacitor-app-creation

Guides the agent through creating a new Capacitor app from scratch. Covers project scaffolding with the Capacitor CLI, configuring the app (appId, appName, webDir), adding native platforms (iOS, Android), and syncing. Includes decision points for Ionic Framework integration, live updates, and CI/CD setup. Do not use for upgrading existing Capacitor apps, migrating from other frameworks, or plugin installation.

installations
4
GitHub Stars
45
Mis à jour
13 sept.
capawesome-team
Communauté

capacitor-app-development

Guides the agent through general Capacitor app development topics. Covers core concepts (native bridge, plugins, web layer), Capacitor CLI usage, app configuration (capacitor.config.ts, splash screens, app icons, deep links), platform management (Android, iOS, Electron, PWA), edge-to-edge and safe area handling on Android, live reload setup, storage solutions, file handling, security best practices, CI/CD references, iOS package managers (SPM, CocoaPods), and troubleshooting for Android and iOS. Do not use for creating new Capacitor apps, Capacitor plugin APIs, creating Capacitor plugins, in-app purchases, upgrading Capacitor versions, Cordova or PhoneGap migration, or framework-specific patterns (Angular, React, Vue).

installations
4
GitHub Stars
45
Mis à jour
13 sept.
capawesome-team
Communauté

capacitor-app-spm-migration

Guides the agent through migrating an existing Capacitor app project from CocoaPods to Swift Package Manager (SPM) for iOS dependency management. Covers prerequisite checks, inventorying installed Capacitor plugins, backing up customized iOS project files (Info.plist, AppDelegate.swift, Assets.xcassets, Base.lproj, App.entitlements, GoogleService-Info.plist, .xcconfig files, signing configuration), deleting the existing ios/ folder, re-scaffolding with npx cap add ios --packagemanager SPM, restoring preserved files, re-syncing plugins, and verifying the build. Performs all migration steps manually — does not use the interactive npx cap spm-migration-assistant command. Do not use for Capacitor plugin projects, app projects already on SPM, app projects without an existing ios/ folder, or non-Capacitor mobile frameworks.

installations
4
GitHub Stars
45
Mis à jour
13 sept.