Creative & DesignIntermediate
wpds
WordPress Design System
Developer Setup
Setup & Installation
bash
npx skills add https://github.com/WordPress/agent-skills --skill wpdsnpx skills add https://github.com/WordPress/agent-skills --skill wpdsOr paste this URL into your assistant to install:
Overview
What This Skill Does
WordPress Design System
Application
When to use this Skill
- Integrating wpds into your development workflow.
- Following best practices for wordpress design system.
- Automating repetitive tasks with AI-assisted tooling.
- Building production-grade applications with proper standards.
- Debugging and troubleshooting common implementation issues.
Documentation
Show Skills.md file
WordPress Design System (WPDS)
Prerequisites
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.
The following terms should be treated as synonyms:
- "WordPress" and "WP";
- "Design System" and "DS";
- "WordPress Design System" and "WPDS".
When to use
Use this skill when the user mentions:
- building and/or reviewing any UI in a WordPress-related context (for example, Gutenberg, WooCommerce, WordPress.com, Jetpack, etc etc);
- WordPress Design System, WPDS, Design System;
- UI components, Design tokens, color primitives, spacing scales, typography variables and presets;
- Specific component packages such as @wordpress/components or @wordpress/ui;
Rules
Use the WPDS MCP server to access WPDS-related documentation
- Use the WPDS MCP server to retrieve the canonical, authoritative documentation:
Lines 1 - 25 of 52
Recommendations