内容
# Stoner's Design
51 项设计技能。一个适用于产品思考、用户体验、视觉设计、Figma、前端开发、动效、品牌建设和作品集讲故事的便携式集合。
该仓库将开放的 `SKILL.md` 格式与 Codex、Claude Code、Gemini CLI、GitHub Copilot CLI 和兼容的 Cursor 工作流的原生清单相结合。它还包括一个适用于支持 Streamable HTTP 或_stdio 的客户端的无依赖 MCP 服务器。
## 功能
- 构建产品策略、流程、边缘情况、审计和交接
- 使用更强的层次结构、字体排版、间距、交互和可访问性设计或评审用户界面
- 完成 Figma 实现和设计系统任务
- 构建独特的 前端体验，并将图像转换为代码
- 创建品牌系统、徽标、高级视觉方向和动效
- 构建作品集故事和产品设计案例研究
## 安装
### Codex
```bash
codex plugin marketplace add studioinfj-art/stoners-design
codex plugin install stoners-design@stoners-design-marketplace
```
### Claude Code
```bash
claude plugin marketplace add studioinfj-art/stoners-design
claude plugin install stoners-design@stoners-design-marketplace
```
### Gemini CLI
```bash
gemini extensions install https://github.com/studioinfj-art/stoners-design
```
### GitHub Copilot CLI
```bash
copilot plugin install studioinfj-art/stoners-design
```
### Cursor 和其他 Agent Skills 客户端
使用仓库的 `skills/` 目录作为技能源，或将单个技能安装到客户端支持的技能目录中。Cursor 识别相同的 `SKILL.md` 结构。
### 任意 MCP 客户端
使用托管的 Streamable HTTP 端点：
```text
https://stoners-design-mcp.vercel.app/mcp
```
Codex:
```bash
codex mcp add stoners-design --url https://stoners-design-mcp.vercel.app/mcp
```
Claude Code:
```bash
claude mcp add --transport http stoners-design https://stoners-design-mcp.vercel.app/mcp
```
对于其他客户端，选择 Streamable HTTP 传输并粘贴相同的端点。
要在本地运行 MCP，请克隆仓库并配置此_stdio 服务器：
```json
{
"mcpServers": {
"stoners-design": {
"command": "node",
"args": ["/absolute/path/to/stoners-design/mcp/server.mjs"]
}
}
}
```
MCP 公开 `list_design_skills`、`search_design_skills`、`get_design_skill` 和 `get_design_skill_file`，以及每个技能的一个可读资源。
## 要求
- 用于 MCP 的 Node.js 18 或更高版本
- 主机 AI 工具的当前插件、扩展、Agent Skills 或 MCP 支持
- 各个技能命名的特定工具依赖项，例如 Figma 访问或前端运行时
## 许可
原始的 MCP 服务器、清单、打包和文档均使用 MIT 许可。各个技能和捆绑资源保留其自身的上游条款。在重新分发或修改集合之前，请查看 [THIRD_PARTY_NOTICES.md](THIRD_PARTY_NOTICES.md)。
