get-create-instructions
Provides step-by-step instructions for creating new FlyonUI UI components by leveraging existing blocks within your IDE, enabling developers to generate custom components for React, Next.js, Vue, or Svelte projects.
Instructions
Get instructions for creating FlyonUI blocks using existing blocks. This tool provides instructions for creating new FlyonUI blocks using existing blocks. Use this tool when the user requests to generate a new component. mentions /create-flyonui or /cui. Strictly follow the steps one by one to ensure successful code generation.Retrieves Instructions for IDE agent to follow for creating/generating/updating FlyonUI blocks.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Implementation Reference
- src/index.ts:20-42 (handler)Handler function for 'get-create-instructions' tool. Fetches instructions from '/instructions?path=create-ui.md' using apiClient and returns the data as text content.async () => { try { const url = `/instructions?path=create-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:14-43 (registration)Registers the 'get-create-instructions' tool with MCP server, including title, description, and inline handler.server.registerTool( "get-create-instructions", { title: "Get Instructions for FlyonUI.", description: "Get instructions for creating FlyonUI blocks using existing blocks. This tool provides instructions for creating new FlyonUI blocks using existing blocks. Use this tool when the user requests to generate a new component. mentions /create-flyonui or /cui. Strictly follow the steps one by one to ensure successful code generation.Retrieves Instructions for IDE agent to follow for creating/generating/updating FlyonUI blocks.", }, async () => { try { const url = `/instructions?path=create-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"); } } );