get-inspire-instructions
Generate new FlyonUI blocks by drawing inspiration from existing components. This tool provides clear instructions for creating UI elements, ideal for developers looking to streamline component design.
Instructions
Get instructions for working with FlyonUI blocks. This tool provides instructions for creating new FlyonUI blocks by taking the inspiration from existing FlyonUI blocks. Use this tool when the user requests to generate a new component by inspirations. mentions /inspire-flyonui or /iui.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Implementation Reference
- src/index.ts:53-75 (handler)The inline handler function for the "get-inspire-instructions" tool. It fetches the instructions from the `/instructions?path=inspire-ui.md` endpoint using the apiClient, handles errors, and returns the response data as a text content block.try { const url = `/instructions?path=inspire-ui.md`; const response = await apiClient.get(url); if (response.status !== 200) { throw new Error(`HTTP error! status: ${response.status}`); } return { content: [ { type: "text", text: JSON.stringify(response.data, null, 2), } ], }; } catch (error) { console.error("Error fetching block metadata:", error); throw new Error("Failed to fetch block metadata"); } } );
- src/index.ts:47-76 (registration)Registration of the "get-inspire-instructions" tool on the McpServer instance, including title, description, and reference to the inline handler function."get-inspire-instructions", { title: "Get Instructions for generating FlyonUI blocks using the existing FlyonUI blocks as an inspiration.", description: "Get instructions for working with FlyonUI blocks. This tool provides instructions for creating new FlyonUI blocks by taking the inspiration from existing FlyonUI blocks. Use this tool when the user requests to generate a new component by inspirations. mentions /inspire-flyonui or /iui.", }, async () => { try { const url = `/instructions?path=inspire-ui.md`; const response = await apiClient.get(url); if (response.status !== 200) { throw new Error(`HTTP error! status: ${response.status}`); } return { content: [ { type: "text", text: JSON.stringify(response.data, null, 2), } ], }; } catch (error) { console.error("Error fetching block metadata:", error); throw new Error("Failed to fetch block metadata"); } } );
- src/utils/http-client.ts:60-66 (helper)The apiClient helper used in the tool handler for performing the HTTP GET request to retrieve the instructions.export const apiClient: HttpClient = { get: createMethod("GET"), post: createMethod("POST"), put: createMethod("PUT"), delete: createMethod("DELETE"), patch: createMethod("PATCH"), };