·wpds

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

58Installs·0Trend·@automattic

Installation

$npx skills add https://github.com/automattic/agent-skills --skill wpds

SKILL.md

This skill works best with the WPDS MCP server installed. The MCP provides access to WordPress Design System documentation and resources, such as components and DS token lists.

Before working on any WPDS-related tasks, make sure you read relevant documentation on the reference site. This documentation should take the absolute precedence when evaluating the best course of action for any given tasks.

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc. Source: automattic/agent-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/automattic/agent-skills --skill wpds Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/automattic/agent-skills --skill wpds
Category
</>Dev Tools
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is wpds?

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc. Source: automattic/agent-skills.

How do I install wpds?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/automattic/agent-skills --skill wpds Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/automattic/agent-skills