skills.rest
brigleb
briglebCOMMUNITY
Explore all skills by this author →
Website𝕏@briglebGitHub

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

Related Skills

Explore More Software Engineering Skills→
javiercasaresjaviercasares
1

wpds

Query WPDS MCP server endpoints for components, tokens, and pages.

Community
Intermediate
HungNthHungNth

wpds

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

Community
Intermediate
zenbuappszenbuapps

wpds

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

Official
Intermediate
ihatesea69ihatesea69
3

wpds

Develop and review WordPress UIs using WPDS components and design tokens.

Community
Intermediate