wpds

Access WordPress Design System documentation for UI development.

2|Updated Aug 16, 2025

Search Tags:#design system #components #design tokens #ui development #wordpress #wpds

Ready to run

npx skills add https://github.com/brigleb/claude --skill wpds-brigleb

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wpds
Source: https://github.com/brigleb/claude/tree/main/skills/wpds
Command: npx skills add https://github.com/brigleb/claude --skill wpds-brigleb

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill assists developers in building user interfaces that adhere to the WordPress Design System (WPDS) by providing access to its components, tokens, and patterns.

Core Features & Use Cases

WPDS Documentation Access: Leverages the WPDS MCP server for canonical documentation on components, tokens, and patterns.
UI Development Guidance: Focuses on creating UI that aligns with WPDS best practices and utilizes appropriate components.
Use Case: When asked to design a new modal component for a WordPress plugin, this Skill would use the WPDS MCP server to find the recommended modal component and its usage guidelines.

Quick Start

Use the wpds skill to find the documentation for the Button component.

Frequently Asked Questions about wpds

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I find the recommended WordPress Design System components for UI development?▼

To build user interfaces with the WordPress Design System, this Skill queries the WPDS MCP server to retrieve canonical documentation on components, design tokens, and usage patterns. It guides you in selecting appropriate components for UI development.

Can I use WordPress Design System tokens when building Gutenberg blocks?▼

Yes, you can apply WordPress Design System tokens when building Gutenberg blocks. This Skill facilitates UI development within WordPress-related contexts like Gutenberg, WooCommerce, and WordPress.com by providing access to canonical WPDS component and token documentation.

What is the WordPress Design System MCP server used for?▼

The WordPress Design System MCP server provides canonical documentation on UI components, design tokens, and patterns. This Skill requires the server to deliver accurate development guidance for building interfaces that adhere to WPDS standards.

Do I need a specific server to access WPDS component documentation?▼

Yes, you need the WPDS MCP server to access canonical component documentation. This Skill requires the server to facilitate UI development by leveraging WordPress Design System resources, tokens, and patterns effectively.

What's the best way to design a modal component for a WordPress plugin?▼

The best way to design a modal component for a WordPress plugin is using this Skill to query the WPDS MCP server. It retrieves the recommended modal component from the WordPress Design System along with its specific usage guidelines.