skills.rest
HungNth
HungNthCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/HungNth/wordpress-notify-nth --skill wpds
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
josecontijoseconti
2

wpds

Retrieve canonical WordPress Design System documentation via the MCP server.

Community
Intermediate
zenbuappszenbuapps

wpds

Standardize WordPress UI with WPDS components and tokens via MCP server.

Official
Intermediate
wpgauravwpgaurav
14

wpds

Query the WPDS MCP server for WordPress UI design guidance.

Community
Advanced
roanbrasilroanbrasil
5

design-systems

Builds W3C-compliant design token systems and accessible component libraries with Storybook documentation.

Community
Advanced