Placeholder Image Generator

<!-- Use this file to provide workspace-specific custom instructions to Copilot. For more details, visit https://code.visualstudio.com/docs/copilot/copilot-customization#_use-a-githubcopilotinstructionsmd-file --> # MCP Server for Placeholder Image Generation This is an MCP (Model Context Protocol) server that generates placeholder images using the Canvas API. The server provides one tool for creating placeholder images with customizable dimensions, colors, and text. ## Tool: generate-placeholder-image The server provides a tool that generates placeholder images with the following parameters: - **filename**: The output filename (with .png, .jpg, or .jpeg extension) - **width**: Image width in pixels (1-4096) - **height**: Image height in pixels (1-4096) - **color**: Background color (hex, rgb, or named color) - **text**: Text to display on the image ## Development Guidelines When working on this project: - Follow TypeScript best practices - Use the Canvas API for image generation - Ensure proper error handling for invalid inputs - Validate color formats and image dimensions - Support multiple image formats (PNG, JPEG) - Implement automatic text sizing and positioning - Use contrasting text colors for readability You can find more info and examples at https://modelcontextprotocol.io/llms-full.txt ## Key Features - **Automatic text sizing**: Font size adjusts based on image dimensions - **Text wrapping**: Long text automatically wraps to multiple lines - **Contrast detection**: Text color automatically contrasts with background - **Multiple formats**: Supports PNG and JPEG output - **Error validation**: Comprehensive input validation with helpful error messages