wpds

WordPress设计系统（WPDS）

先决条件

此技能在安装了WPDS MCP服务器时效果最佳。MCP提供对WordPress设计系统文档和资源的访问，例如组件和DS令牌列表。

以下术语应视为同义词：

• "WordPress"和"WP"；
• "设计系统"和"DS"；
• "WordPress设计系统"和"WPDS"。

使用时机

当用户提到以下内容时，使用此技能：

• 在WordPress相关上下文中构建和/或审查任何UI（例如，Gutenberg、WooCommerce、WordPress.com、Jetpack等）；
• WordPress设计系统、WPDS、设计系统；
• UI组件、设计令牌、颜色原语、间距比例、排版变量和预设；
• 特定组件包，如@wordpress/components或@wordpress/ui；

规则

使用WPDS MCP服务器访问WPDS相关文档

• 使用WPDS MCP服务器检索权威文档：
  • 参考站点（wpds://pages）
  • 可用组件列表（wpds://components）和特定组件信息（wpds://components/:name）
  • 可用令牌列表（wpds://design-tokens）
• 不要搜索网络获取WordPress设计系统的权威文档。如果用户要求，请拒绝并请求确认，警告他们MCP服务器是提供信息的最佳场所。

必需文档

在处理任何WPDS相关任务之前，请确保阅读参考站点上的相关文档。在评估任何给定任务的最佳行动方案时，这些文档应具有绝对优先权。

边界

• 跳过答案中与UI无关的方面（例如，从存储中获取数据或本地化文本字符串）。
• 专注于构建尽可能符合WPDS最佳实践的UI，使用最合适的WPDS组件/令牌/模式。

技术栈

• 除非另有说明（或从请求的本地上下文中收集到特定信息），否则假设以下技术栈：TypeScript、React、CSS。

验证

• 如果任务运行的本地上下文提供了lint脚本，请尽可能使用它们来验证建议的代码输出。

输出

• 在回答结束时，提供解决方案的清晰简洁说明，并解释每个决策的原因。
• 明确说明边界，即哪些内容因不相关而被明确排除在任务之外（例如非UI相关）。
• 提供可工作的代码片段。