wpds
Has your agent apply the official WordPress design system. Ensures sites and themes follow brand identity and patterns.
What it does
This agent helps apply the official WordPress look and feel to websites and themes. It uses the design patterns, fonts, and colors defined by the WordPress team.
When to use it
- ✓When creating a new WordPress theme.
- ✓When wanting to standardize the appearance of an existing WordPress site.
- ✓When ensuring a site follows WordPress design guidelines.
Example of what to ask your AI
“Apply the WordPress design system to this theme.”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The agent uses design 'tokens,' which are like official visual building blocks from WordPress. It applies these blocks to ensure fonts, colors, and components follow the established standard.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill wpdsOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/wpds/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
wpds
Curated from the WordPress development team.
What it does
WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.
Source
- Upstream: https://github.com/WordPress/skills
- Category:
design-systems
How to use
This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/WordPress/skills
Then ask the agent to invoke this skill by name (wpds) or with
one of the trigger phrases listed in this skill's frontmatter.
FAQ
What are design 'tokens'?
They are standardized values for colors, fonts, spacing, and other visual elements that ensure design consistency.
Do I need to be a programmer to use this?
No, you can ask the agent to apply the design system without needing to understand code.
Where can I find more information about the WordPress look and feel?
You can check the official WordPress GitHub repository for details on the design system.
Details
Original description by the author
WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #794
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
brand-discovery
Helps define a brand's identity through structured interviews. It creates a complete guide with the brand's purpose, audience, and personality.
affaan-m/ECC
brand-voice
Creates a writing profile based on actual brand texts. It ensures content and communications maintain a consistent and authentic style.
affaan-m/ECC
brand-guidelines
Has your agent apply Anthropic's brand colors and visual style to materials. It's useful for maintaining the company's visual identity across projects.
anthropics/skills