wpds

Retrieve WPDS documentation, components, and design tokens from the MCP server.

Updated Jan 29, 2026

Search Tags:#ui #components #design-system #wordpress #design-tokens #design-guidelines #wpds

Ready to run

npx skills add https://github.com/HungNth/wordpress-notify-nth --skill wpds

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wpds
Source: https://github.com/HungNth/wordpress-notify-nth/tree/main/.opencode/skills/wpds
Command: npx skills add https://github.com/HungNth/wordpress-notify-nth --skill wpds

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

WordPress UI design often requires quick access to canonical WPDS documentation and tokens. This skill centralizes access to WPDS resources via the MCP server to inform UI decisions and maintain consistency across WordPress projects.

Core Features & Use Cases

Canonical guidance: Retrieve official WPDS docs, components, and tokens from the MCP server to inform design decisions.
Design consistency: Align UI patterns and tokens across Gutenberg, WooCommerce, and related WordPress interfaces.
On-demand references: Access up-to-date component lists, color tokens, typography scales, and design patterns directly from WPDS.

Quick Start

Ask the skill to fetch the Button component from WPDS using the MCP server.

Frequently Asked Questions about wpds

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

FAQPage Schema

How do I ensure design consistency across WordPress Gutenberg and WooCommerce plugins?▼

To ensure WordPress design consistency, retrieve canonical WPDS design tokens, component specs, and guidelines from the MCP server to align UI patterns across Gutenberg, WooCommerce, and related plugins.

What is the best way to access official WordPress UI design tokens and component documentation?▼

The best way to access WordPress UI design tokens and component documentation is querying the WPDS MCP server endpoints, which provide canonical references for color tokens, typography scales, and component lists.

Can I use WPDS to review and validate my custom WordPress plugin UI components?▼

Yes, you can use WPDS to review custom WordPress plugin UI components by fetching canonical design guidelines and component specs from the MCP server to validate your design decisions.

How do I fetch the Button component specification from WPDS for my WordPress project?▼

To fetch the Button component specification for a WordPress project, request the WPDS documentation from the MCP server endpoint to retrieve the canonical component structure and design patterns.

Do I need an MCP server connection to retrieve WPDS design guidelines and tokens?▼

Yes, you need an MCP server connection because the skill relies on specific MCP endpoints (wpds://pages, wpds://components, wpds://design-tokens) to retrieve canonical WPDS documentation and design tokens.

What limitations exist when applying WPDS design patterns to non-WordPress interfaces?▼

WPDS design patterns are specifically tailored for WordPress interfaces like Gutenberg and WooCommerce; applying them to non-WordPress projects may result in visual or structural inconsistencies outside their intended scope.