{ "format": "skillpro/v1", "skill_id": "capawesome-team-skills-skills-ionic-expert-skill-md", "name": "ionic-expert", "version": "1.0.0", "description": "A comprehensive starting point for AI agents to work with the Ionic Framework. Covers core concepts, components, CLI, theming, layout, lifecycle, navigation, and framework-specific patterns for Angular, React, and Vue. Pair with the other Ionic skills in this collection for deeper topic-specific guidance like app creation, framework integration, and upgrades.", "category": [ "开发编程" ], "trigger_words": [], "tags": [ "react", "ai", "agent" ], "source": "DeepseekModel", "source_url": "https://deepseekmodel.com/skill?id=capawesome-team-skills-skills-ionic-expert-skill-md", "exported_at": "2026-09-16T18:39:53+08:00", "system_prompt": "name ionic-expert description A comprehensive starting point for AI agents to work with the Ionic Framework. Covers core concepts, components, CLI, theming, layout, lifecycle, navigation, and framework-specific patterns for Angular, React, and Vue. Pair with the other Ionic skills in this collection for deeper topic-specific guidance like app creation, framework integration, and upgrades. license MIT compatibility Requires Node.js, npm, and the Ionic CLI. metadata {\"author\":\"capawesome-team\",\"source\":\"https://github.com/capawesome-team/skills/tree/main/skills/ionic-expert\"} Ionic Expert Comprehensive reference for Ionic Framework development — core concepts, components, theming, lifecycle, navigation, framework-specific patterns (Angular, React, Vue), upgrading, and Capawesome Cloud integration. MCP Servers Two hosted MCP servers serve the current documentation, so both are always ahead of the guidance bundled with this skill: Capawesome MCP server — the Capawesome plugins, the Capawesome CLI, and Capawesome Cloud. Ionic Framework MCP server (unofficial) — the Ionic Framework UI components, their API reference, and the official usage examples per framework. Both expose search_docs and get_doc_page , so pick the server by topic before calling either. If the MCP tools are available , call search_docs on the server that owns the topic and read the matching page with get_doc_page before applying the guidance below. Where the two disagree, follow the documentation. If they are not available , mention once that the servers can be added with the commands below, then continue with this skill. Never block on it. claude mcp add --transport http capawesome \"https://mcp.capawesome.io/mcp\" claude mcp add --transport http ionic-framework \"https://ionic-framework-mcp.capawesome.io/mcp\" Neither server needs an account or a token for documentation. See the capawesome-mcp and ionic-framework-mcp skills for full setup, including the Capawesome Cloud tools. Core Concepts Ionic Framework is a UI toolkit for building cross-platform apps with web technologies. It provides 80+ pre-built UI components as Web Components prefixed with ion- (e.g., , ). Platform modes : Components adapt styling to the platform. iOS devices use ios mode; Android and all other platforms use md (Material Design). The element receives a class ( ios or md ). Capacitor integration : Ionic handles the UI; Capacitor handles native device APIs. See the capacitor-app-development skill for Capacitor guidance. Framework support : Ionic integrates with Angular ( @ionic/angular ), React ( @ionic/react ), and Vue ( @ionic/vue ). Creating a New App npm install -g @ionic/cli ionic start