52个设计技能一站带走！Stoner’s Design 让 AI 真正帮你做设计

说真的，AI 设计工具我用过不少，但大多数要么只会生成一张图，要么就是套个 Figma 壳子，本质还是”你说我画”。今天挖到一个真正不一样的——Stoner’s Design，一个把 52 个设计 Skill 打包成一个可移植套件的开源项目。

52 个 Skill，一次带走

这个仓库厉害的地方在于：它不是某一个技能，而是一整套设计工作流。覆盖范围包括：

• 产品策略：用户路径、边缘情况、竞品审计、交接文档
• UX 设计：层级、字体、间距、交互、可访问性全方位 critique
• 视觉设计：品牌系统、Logo、视觉方向、动效
• Figma 协作：组件库对接、设计系统迁移
• 前端实现：直接出代码，图片转组件
• 作品集包装：讲好设计故事

也就是说，从”接到需求”到”交付产物”，AI 能在每个环节帮你干活。

MCP 加持，接入任何主流 AI 工具

支持 Claude Code、Codex、Gemini CLI、GitHub Copilot CLI、Cursor，基本涵盖了主流 AI coding 工具。

安装方式也极其简单——有托管的 MCP 服务，直接配 URL 就能用：

claude mcp add --transport http stoners-design https://stoners-design-mcp-remote.vercel.app/mcp

不想用托管版？clone 仓库，本地跑一个 Node.js 服务端，完全自托管，零依赖。

一个 MCP，服务商全家桶

它对外暴露的 MCP 工具包括：list_design_skills（列出所有技能）、search_design_skills（按需搜索）、get_design_skill（获取详情）、get_design_skill_file（拿具体技能文件）。

这就意味着——不管你用的是 Claude Code 还是 Cursor，只要配好 MCP，设计师/产品经理可以直接用自然语言调用这 52 个技能，不需要记任何命令。

适合谁用

如果你是一个设计师，想让 AI 真正帮你做设计而不是生成一张图——Stoner’s Design 值得试试。如果你是一个开发者，想让 AI 输出的前端代码更有”设计感”——这个套件里的前端技能也专门解决这类问题。

GitHub 开源免费，MIT 协议，可以商用。

GitHub：https://github.com/studioinfj-art/stoners-design

GitHub: https://github.com/studioinfj-art/stoners-design