用途：当用户提到在 WordPress 相关上下文（如 Gutenberg、WooCommerce、WordPress.com、Jetpack 等）中构建或审查 UI，或涉及 WordPress Design System、WPDS、设计令牌、颜色基元、间距比例、排版变量与预设，以及 @wordpress/components、@wordpress/ui 等组件包时，使用本技能。
主要能力：借助 WPDS MCP 服务器访问权威文档，包括参考站点（wpds://pages）、可用组件列表（wpds://components）与具体组件信息（wpds://components/:name）、可用令牌列表（wpds://design-tokens）。技能聚焦于构建尽可能符合 WPDS 最佳实践的 UI，选用最合适的组件、令牌与模式。
使用方式：需先安装 WPDS MCP 服务器。处理任何 WPDS 相关任务前，先阅读参考站点上的相关文档，该文档在评估最佳方案时具有最高优先级。不要通过网页搜索获取 WPDS 权威文档；若用户要求，应提醒 MCP 服务器才是最佳信息来源并请求确认。默认技术栈为 TypeScript、React、CSS，除非另有说明或从本地上下文获得具体信息。若本地上下文提供 lint 脚本，应尽可能用于验证代码输出。
适用场景：WordPress 生态内的 UI 构建与审查，涉及组件、设计令牌、颜色、间距、排版等设计系统要素。
限制：跳过与 UI 无关的方面，例如从 store 获取数据或文本本地化。回答末尾需简要说明方案作用及每项决策的原因，明确列出因不相关而排除的边界，并提供可运行的代码片段。术语上 WordPress 与 WP、Design System 与 DS、WordPress Design System 与 WPDS 视为同义。