mcp
快速集成占位图片生成服务的MCP工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：mcp。 它的用途是：快速集成占位图片生成服务的MCP工具 详细介绍见：https://321skill.com/skills/mcp-mcp-image-placeholder/ 请根据该页面的说明完成安装。
使用示例
“生成一张800×600的占位图，背景色为浅灰色，中央显示‘待定’字样，文字白色。” 它会调用image-placeholder工具，返回一个可直接在HTML中使用的图片URL或数据URI，省去手动搜索或编写占位图服务的步骤。
介绍
在开发网页、原型或设计稿时，频繁需要不同尺寸、颜色的占位图片来填充布局，手动制作或在线搜索费时且打断工作流。image-placeholder 作为 MCP（Model Context Protocol）工具，让 AI 助手直接调用占位图生成服务，无需离开编码环境即可获取任意尺寸、颜色、文字的占位图片。
使用方式极为简单：在支持 MCP 的 AI 客户端（如 Claude Desktop、Cursor 等）中配置该工具后，发送自然语言指令即可。例如“生成一张 800×600 的灰色占位图，中间显示‘Hello’”，AI 会立即调用工具生成图片 URL 或返回图片数据，可直接嵌入到代码或文档中。
适用人群包括前端开发、UI设计师、全栈开发、以及需要快速制作演示原型的产品经理和高校学生。任何需要频繁使用占位图片来加速布局验证或教学演示的场景，都能从中受益。
建议在配置 MCP 环境时确保网络畅通，因为工具需要请求外部图片服务。同时注意占位图仅用于开发阶段，生产环境需替换为真实内容。若需本地生成离线占位图，可考虑配合其他本地服务使用。
核心特点
与同类占位图工具相比，image-placeholder 深度集成 MCP 协议，AI 可直接通过自然语言调用，无需手动复制粘贴 URL 或切换浏览器；同时支持自定义颜色、尺寸、文字和多种图片格式，灵活性更高。
注意事项
不适合需要复杂图像编辑（如滤镜、图层合成）或非占位用途的图片生成场景，且依赖网络连接获取图片服务。
常见问题
如何生成特定尺寸的占位图？
直接对 AI 说“生成一张 1200×800 的占位图”即可，工具会自动调用服务生成对应尺寸的图片。
支持自定义颜色吗？
支持。例如“生成蓝色背景白色文字的占位图，尺寸 400×300”，工具会解析颜色参数并生成。