skills.rest
jnealey88
jnealey88COMMUNITY
Explore all skills by this author →
GitHub

wpds

Retrieve canonical WPDS documentation for UI components, tokens, and patterns via the MCP server.

12|9|Updated Oct 23, 2025
Search Tags:#tokens#design-system#wordpress#ui-components#gutenberg#wpds
One-click install
npx skills add https://github.com/jnealey88/designsetgo --skill wpds-jnealey88
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wpds
Source: https://github.com/jnealey88/designsetgo/tree/main/.claude/skills/wpds
Command: npx skills add https://github.com/jnealey88/designsetgo --skill wpds-jnealey88

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps UI teams and developers access the authoritative WordPress Design System (WPDS) guidance via the WPDS MCP server, ensuring designs align with canonical components, tokens, and patterns.

Core Features & Use Cases

  • Access canonical WPDS documentation through the MCP server for pages, components, and tokens.
  • Retrieve component references, design tokens, and recommended patterns to implement WPDS-aligned UI in Gutenberg, themes, or plugins.
  • Use cases include designing a new Gutenberg block, revising a UI layout to WPDS standards, or validating token selections (color, spacing, typography) against WPDS guidelines.

Quick Start

Query the MCP server for the relevant WPDS component, token, or pattern guidance you need to implement a WPDS-compliant UI.

Frequently Asked Questions about wpds

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

FAQPage Schema
How do I use WPDS design tokens for a custom Gutenberg block?▼

To use WPDS design tokens for a custom Gutenberg block, query the WPDS MCP server to retrieve canonical guidance on color, spacing, and typography. This ensures your block's UI components align with authoritative WordPress design system standards.

What is the best way to ensure my WordPress theme aligns with WPDS standards?▼

The best way to ensure a WordPress theme aligns with WPDS standards is to reference canonical component and pattern documentation via the WPDS MCP server. This validates that your UI design matches the official WordPress design system.

Can I retrieve WPDS component references without manually searching documentation?▼

Yes, you can retrieve WPDS component references automatically by querying the WPDS MCP server. It directly locates authoritative guidance for pages, components, and design tokens to implement WPDS-compliant UI in plugins or themes.

Does WPDS guidance work with older WordPress versions or only WordPress 6.9+?▼

WPDS guidance is validated specifically for compatibility with WordPress 6.9+ environments. While the design tokens and UI components may function on older versions, canonical WPDS documentation ensures reliable alignment for WordPress 6.9 and newer.

How do I validate UI layout choices against WPDS guidelines?▼

You validate UI layout choices against WPDS guidelines by querying the WPDS MCP server for recommended patterns and design tokens. This checks your color, spacing, and typography selections to ensure they match canonical WordPress design system standards.

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
briglebbrigleb
2

wpds

Access WordPress Design System documentation for UI development.

Community
Intermediate
HungNthHungNth

wpds

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

Community
Intermediate