Skip to main content
Glama
capawesome-team

Ionic Framework MCP Server

List Ionic Framework components

list_components
Read-only

Find the right Ionic Framework UI component by keyword and get its tag, description, and documentation URL for implementation.

Instructions

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.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
limitNoThe maximum number of items to return, e.g. 5. Defaults to 25, maximum 100.
queryNoA free-text filter matching the tag or the description, e.g. "modal". Defaults to no filter. Optional.
versionNoOptional. Ionic Framework docs version. Defaults to v9. Match the major version of @ionic/core (or @ionic/angular, @ionic/react, @ionic/vue) in the user's package.json.

Schema Changelog

Changes observed during successful MCP inspections. Dates show when Glama detected each change.

  1. First observedv0.0.1

TDQS

A5/5.0
Behavior5/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Beyond the readOnlyHint annotation, the description reveals the exact return fields (tag, description, url) and the semantic of url as the doc page, and clarifies that limit 100 retrieves every component.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is tight, direct, and logically organized into a purpose, a use case, return format, and explicit exclusions—no fluff or redundancy.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness5/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Even without an output schema, the description sufficiently explains what will be returned and how it links to the documentation, making it fully actionable in context.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters5/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Though schema descriptions already cover all parameters, the description adds actionable guidance like 'Use limit 100 to list every component' and the instruction to match the version to the user's package.json, enriching parameter understanding.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

Clearly states it lists Ionic Framework UI components with optional keyword filtering, and explicitly distinguishes from sibling tools by directing API reads to get_doc_page and Capacitor plugins to another server.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines5/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Provides explicit when-to-use guidance ('find the component that fits a piece of UI... learn the custom element name') and when-not-to-use guidance ('Do not use this to read a component's API... Do not use it for Capacitor plugins').

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/capawesome-team/ionic-framework-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server