wpds

用途

wpds 技能用于在 WordPress 相关界面开发与审查中，遵循官方 WordPress 设计系统（WordPress Design System，简称 WPDS）。它聚焦 UI 层面，包括组件、设计令牌、颜色基元、间距比例和排版预设，覆盖 Gutenberg、WooCommerce、WordPress.com 等场景中出现的 WPDS 用法。

主要能力

• 指导构建符合 WPDS 的界面，并审查现有 UI 是否使用正确的 WPDS 组件与令牌。
• 覆盖 @wordpress/components 与 @wordpress/ui 等组件来源。
• 从 WPDS MCP 服务器检索权威的组件和令牌文档，而不是进行网络搜索。
• 在未另行说明时，默认假定使用 TypeScript、React 和 CSS。
• 在项目存在 lint 脚本时，使用这些脚本进行校验。
• 每次回答末尾给出决策回顾，并说明哪些内容被排除在范围之外。

使用方式

该技能需要安装并配置 WPDS MCP 服务器（@wordpress/design-system-mcp，实验性），技能本身较小，主要依赖该 MCP 服务器而非网页查询。该 MCP 服务器面向 WordPress 7.0+，添加前应先询问用户。

检测与安装步骤：

1. 检查是否已安装完整技能：

   • 全局：f=~/.agents/skills/wpds/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • 项目：f=.agents/skills/wpds/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • 若为 installed，直接以 wpds 调用该技能并继续；若为 pointer，进入第 2 步。

2. 检测作用域并安装：

   • 检测：[ -e ~/.agents/skills/wpds ] && echo "global" || echo "project"
   • 全局安装：npx skills add WordPress/agent-skills --skill wpds -g -y
   • 项目安装：npx skills add WordPress/agent-skills --skill wpds -y

在 Claude Code 中，可以发送以 ! 开头的聊天消息作为命令，在不离开对话的情况下运行。

安装后调用：技能名称为 wpds，可用的触发短语包括“WordPress Design System”“WPDS”“WordPress design tokens”“WordPress UI components”。

Claude Code 配置 MCP 的参考命令（来自上游包文档）： claude mcp add wordpress-design-system -- npx -y --ignore-scripts @wordpress/design-system-mcp@latest 该包对应 WordPress/gutenberg 的 packages/design-system-mcp，仍处于实验阶段。

适用场景

• 构建使用 WPDS 组件、设计令牌和模式的 WordPress 相关 UI。
• 审查界面是否符合官方 WordPress 设计系统的组件与令牌规范。
• 需要获取权威组件文档与令牌文档，而非依赖网络搜索的 UI 开发任务。

限制

• 不适用于非 UI 的 WordPress 工作，例如插件、REST API、WP-CLI、区块逻辑；这些应直接安装 WordPress/agent-skills 中的其他技能。
• 不适用于通用设计系统治理或令牌工具，应使用 design-system-governance 或 design-tokens-skill。
• 不适用于基于 shadcn/ui 的组件库工作，应使用 shadcn-ui。
• 依赖实验性的 WPDS MCP 服务器，需配置并运行后才能使用；目标环境为 WordPress 7.0+。
• 许可证为 GPL-2.0-or-later。

暂未提供

该技能的具体收费、价格、性能效果和完整使用步骤细节暂未提供。