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;