即插即用的MCP，让你的编码代理界面拥有超强功能。一行安装，零配置。Claude代码、Codex、光标、VS代码等。
概览
dispatch_intent会把模糊的请求，比如“让它突出”或“感觉怪怪的”，映射到合适的设计动词和参考文件上。 15个参考文件涵盖类型、颜色、运动、a11y、防污和重新设计循环。你的代理在编写界面代码前会读取正确的文件。 一个44规则确定性检测器加anti_slop_checklist在发货前运行。通用的用户界面在落地前就被发现了。 是一个只需一行添加的小型MCP服务器。你的代理会获得设计工具、参考文档和舰船门，这样UI工作就不会显得普通。 添加服务器。用通俗易懂的语言问。代理负责剩下的。 pythinker.com——一个端到端设计的现场制作网站，采用了这一技能。 一次安装同时获得技能和MCP服务器： 然后在 /plugins 的市场安装。技能显示为 designer-skill：designer-skill。
概述（AI 翻译）
即插即用MCP。为你的代理人提供UI超能力。
设置 ·工作原理 ·参考文献 ·工具 ·开发
布置
粘贴到你的代理中（Claude Code、Codex、Cursor、任何MCP客户端）。它安装技能，连接MCP并验证工具：
没有尼布莱特？继续从本地产品证据开始;目录检索是可选的。
或者选一个：
| 安装 | |
|---|---|
| 🟣 Claude Code 插件（技能 + MCP） | /plugin marketplace add PyModel/designer-skill 然后 /plugin install designer-skill@pymodel |
🟢 Codex 插件[codex plugin marketplace add PyModel/designer-skill，然后从 pymodel 安装 designer-skill 到 /plugins |
|
| ⚫ 光标插件 | 从市场安装;配对 mcp.json，技能，/designer-setup ·/designer-status |
| 🔵 仅限MCP，任何客户端 | claude mcp add designer-skill -- npx -y @pymodel/designer-skill-mcp（codex mcp add、pythinker mcp add --transport stdio的同理args） |
| 🟠 仅技能 | npx skills add PyModel/designer-skill --skill designer-skill或复制skills/designer-skill/到~/.claude/skills/ / ~/.codex/skills/ |
规范MCP配置（[mcp.json）：
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
Setup
Paste into your agent (Claude Code, Codex, Cursor, any MCP client). It installs the skill, wires the MCP and verifies the tools:
Add designer-skill alongside Niblet Designer UI. The designer core is keyless: it routes requests, loads guidance and runs supplemental static checks. Niblet optionally supplies real screens and licensed materials; the host owns implementation and rendered verification.
1. Install or refresh the skill into the user skill directory (not this project):
npx skills add PyModel/designer-skill --skill designer-skill -g -y
2. Add the local MCP using this client's native MCP configuration, in the user-level (not project-level) config:
Name: designer-skill
Transport: stdio
Command: npx
Args: -y @pymodel/designer-skill-mcp@latest
No API key is needed. Do not add one.
3. Verify: list the designer-skill server's tools and confirm get_preflight_brief, dispatch_intent, review_and_gate are present. Do not run a sample check.安装
npx -y @pymodel/designer-skill-mcp@latest配置
{ "mcpServers": { "designer-skill": { "command": "npx", "args": ["-y", "@pymodel/designer-skill-mcp@latest"] } } }