get-component-usage
Access usage examples and import instructions for any component to integrate it correctly.
Instructions
Retorna exemplos de uso e instruções de import de um componente.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| id | Yes | ID do componente (ex: "button", "list") |
Implementation Reference
- src/tools/get-component-usage.ts:1-41 (handler)The full file implementing the get-component-usage tool. The handler function (lines 14-39) looks up a component by id from DS_COMPONENTS and returns its import example and usage instructions.
import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'; import { z } from 'zod'; import { DS_COMPONENTS } from '../data/components.js'; export function registerGetComponentUsage(server: McpServer): void { server.registerTool( 'get-component-usage', { description: 'Retorna exemplos de uso e instruções de import de um componente.', inputSchema: z.object({ id: z.string().describe('ID do componente (ex: "button", "list")'), }), }, async ({ id }) => { const found = DS_COMPONENTS.find((c) => c.id === id); if (!found) { return { content: [{ type: 'text', text: `Componente "${id}" não encontrado.` }], isError: true, }; } const output = `## ${found.name} (${found.selector}) ### Import \`\`\`typescript ${found.importExample} \`\`\` ### Uso \`\`\`html ${found.usage} \`\`\``; return { content: [{ type: 'text', text: output }], }; } ); } - Input schema for get-component-usage: expects a string 'id' describing the component ID (e.g., 'button', 'list').
{ description: 'Retorna exemplos de uso e instruções de import de um componente.', inputSchema: z.object({ id: z.string().describe('ID do componente (ex: "button", "list")'), }), }, - src/tools/index.ts:5-11 (registration)Import and registration of registerGetComponentUsage in the registerAllTools function.
import { registerGetComponentUsage } from './get-component-usage.js'; export function registerAllTools(server: McpServer): void { registerListComponents(server); registerGetComponent(server); registerSearchComponents(server); registerGetComponentUsage(server);