maui-graphics

This MCP server provides a .NET MAUI graphics toolkit that lets you generate UI components and canvas drawings using AI-driven prompts. The server exposes a set of drawing operations such as filling and outlining shapes (circles, rectangles, rounded rectangles), drawing lines, rendering text, and working with custom paths. You can chain these tools to compose complex UI visuals and receive generated code alongside the rendered output, making it suitable for rapid prototyping of MAUI components. The included inspector tool (via MCP Inspector) helps you experiment with prompts and see results in real time.

To use the server, run the MAUI Graphics MCP server and then use the inspector or your client to query the available tools. The Tools list in the README documents the exact endpoints or intents you can invoke, for example maui_graphics_draw_circle to render a circle or maui_graphics_draw_text to place text at a given coordinate. Generated code and assets will be returned along with the visual state so you can adapt designs directly in MAUI projects.

Prerequisites:

• .NET SDK (for running the MAUI graphics MCP server)
• Optional: Node.js and npm if you plan to use the MCP Inspector from the application folder for testing

Steps:

1. Clone the repository containing the MAUI Graphics MCP server.
2. Install .NET dependencies and restore projects:
   • Open a terminal in the repository root.
   • dotnet restore
3. Build the server (optional but recommended):
   • dotnet build
4. Run the server:
   • dotnet run --project ./MauiGraphicsServer/MauiGraphicsServer.csproj
5. Install and run the MCP Inspector (for testing):
   • npm install -g @modelcontextprotocol/inspector
   • From the application folder, run: npx @modelcontextprotocol/inspector dotnet run
6. Verify the server is reachable at the configured endpoint (default localhost, port may vary depending on your setup).

Tips and common issues:

• Ensure you have the correct .NET SDK version compatible with the MAUI graphics server project.
• If the inspector cannot connect, verify network access and the endpoint URL/port used by the running server.
• Environment variable ASPNETCORE_ENVIRONMENT can be set to Development or Production to toggle verbose logging.
• If you modify server code, re-build and restart the server to pick up changes.
• Some clients may require CORS or specific authentication settings depending on your deployment scenario; adjust configuration accordingly.