efecto-plugin
为AI智能体提供实时视觉设计能力和设计知识库的MCP工具集。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：efecto-plugin。 它的用途是：为AI智能体提供实时视觉设计能力和设计知识库的MCP工具集。 完整的 Skill 内容见：https://321skill.com/skills/efecto-plugin/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘为我的科技博客设计一个暗黑风格的OG分享图片，标题是“AI如何改变设计”’。AI会启动Efecto，创建一个符合社交媒体尺寸的画布，运用其图形设计技能搭配字体、颜色和布局，生成一个视觉突出的图片，并实时将链接发给你预览和调整。
介绍
Efecto插件解决了AI智能体缺乏直观、实时视觉设计能力的问题。它通过MCP协议，将Efecto——一个实时协作的视觉设计工具——的能力赋予AI，使AI能够在浏览器中实时创建和修改设计稿，用户可以看到每一步的即时变化。
使用方式非常简单：安装插件后，你的AI助手（如Claude、Cursor）就获得了68个设计操作工具和3个设计知识技能。你只需用自然语言描述设计需求，AI就会在Efecto中创建会话并开始设计，你可以在浏览器中实时查看和交互。
这个工具非常适合需要快速产出视觉内容的角色，如UI设计师、产品经理、营销专员和内容创作者。他们可以利用AI快速生成落地页、社交媒体图片、演示文稿等各种设计素材，无需手动操作设计软件。
建议在使用前先在Efecto官网熟悉其界面。由于设计过程是实时协作的，建议保持网络稳定以获得最佳体验。对于复杂或品牌要求严格的设计，AI生成的结果可能需要人工进行细节调整和品牌规范对齐。
核心特点
它不仅提供了程序化操作设计画布的工具（68个MCP工具），更关键的是内置了3个设计技能，教会AI如何做好设计（如排版比例、平台尺寸规范），而不仅仅是调用工具。实现了‘设计知识’与‘设计工具’的结合。
注意事项
不适合需要高度定制化、复杂动画或涉及专业3D、视频剪辑的设计场景。
常见问题
支持哪些AI助手？
支持所有兼容MCP协议的AI助手，包括Claude Code、Cursor、Windsurf、GitHub Copilot、Codex、Gemini CLI等。
需要会写代码才能用吗？
完全不需要。你只需用自然语言向AI描述设计需求，AI会负责调用所有工具并生成设计。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/efecto-plugin/raw/index.md 读取 efecto-plugin 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/efecto-plugin/raw/index.md（查看排版版本）