Skip to main content
Glama

get_all_components

Retrieve all available UI components from the Magic UI design system for use in AI assistants and MCP clients.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault

No arguments

Implementation Reference

  • Handler function that implements the logic for the 'get_all_components' tool. It prefers raw registry data but falls back to parsed components from ComponentParser.getAllComponents().
    async () => {
      // Get the raw content of registry.json
      const rawData = githubService.getRawRegistryData();
      
      // If no data, return processed components as fallback
      if (!rawData || rawData.length === 0) {
        const components = componentParser.getAllComponents();
        return {
          content: [{
            type: "text",
            text: JSON.stringify(components, null, 2),
          }],
        };
      }
      
      // Return the raw content of registry.json
      return {
        content: [{
          type: "text",
          text: JSON.stringify(rawData, null, 2),
        }],
      };
    }
  • src/server.ts:24-50 (registration)
    Registration of the 'get_all_components' tool on the MCP server using server.tool(), with empty input schema and inline handler.
    server.tool(
      "get_all_components",
      {},
      async () => {
        // Get the raw content of registry.json
        const rawData = githubService.getRawRegistryData();
        
        // If no data, return processed components as fallback
        if (!rawData || rawData.length === 0) {
          const components = componentParser.getAllComponents();
          return {
            content: [{
              type: "text",
              text: JSON.stringify(components, null, 2),
            }],
          };
        }
        
        // Return the raw content of registry.json
        return {
          content: [{
            type: "text",
            text: JSON.stringify(rawData, null, 2),
          }],
        };
      }
    );
  • Helper method getAllComponents() in ComponentParser class that returns the list of all parsed components, used as fallback in the tool handler.
    getAllComponents(): Component[] {
      return Array.from(this.components.values());
    }
  • Type definition (schema) for Component objects returned by getAllComponents() and serialized in the tool response.
    export interface Component {
      name: string;
      description: string;
      code: string;
      category: string;
      dependencies?: string[];
      files?: {
        path: string;
        type: string;
        target: string;
      }[];
      title?: string;
    }
Install Server

Other Tools

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/idcdev/mcp-magic-ui'

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