Wpds
Install wpds when theming WordPress sites so your agent applies official WP design tokens, typography, and component patterns instead of ad-hoc styling.
Overview
wpds is an agent skill for the Build phase that applies WordPress's official design tokens, typography, and component patterns to themes and sites.
Install
npx skills add https://github.com/nexu-io/open-design --skill wpdsWhat is this skill?
- Maps WordPress official design tokens and typography to theme and site work
- Advertises upstream WordPress/skills bundle with install pointer to GitHub
- Trigger phrases: wpds, wordpress design, wp tokens, wp design system
- Open Design catalogue mode: design-system category for agent discovery during planning
- Curated from the WordPress development team upstream workflow
Adoption & trust: 767 installs on skills.sh; 61.4k GitHub stars.
What problem does it solve?
You are shipping a WordPress site or theme but lack a single, authoritative design-system reference your agent can apply consistently.
Who is it for?
Solo builders theming WordPress, block themes, or marketing sites who want token- and pattern-aligned UI without reinventing core visual language.
Skip if: Non-WordPress stacks, backend-only API work, or teams that already enforce a completely separate brand system unrelated to WP patterns.
When should I use this skill?
Triggers include wpds, wordpress design, wp tokens, and wp design system; invoke during WordPress theme or site UI planning and implementation.
What do I get? / Deliverables
Your agent discovers and invokes wpds by name or triggers, then aligns UI work with WordPress design-system guidance after you install the upstream bundle from WordPress/skills.
- Design-system-aligned UI guidance applied to theme or site work
- Agent plan that references official WP tokens and patterns
Recommended Skills
Journey fit
Canonical shelf is Build because the skill is invoked while implementing themes and site UI against WordPress’s design system. Frontend subphase fits token application, typography, and component patterns on live theme and block layouts.
How it compares
Use for WordPress-native design tokens and patterns instead of generic CSS or Tailwind-only styling conversations.
Common Questions / FAQ
Who is wpds for?
wpds is for solo and indie builders (and small teams) shipping WordPress themes or sites who want agents to respect official WordPress design tokens and component patterns.
When should I use wpds?
Use wpds during Build frontend work when planning or implementing WordPress UI, when you mention wpds, wordpress design, wp tokens, or wp design system, or when Open Design surfaces this skill during planning.
Is wpds safe to install?
Review the Security Audits panel on this Prism page and inspect the upstream WordPress/skills repository before installing bundles into your agent skills directory.
SKILL.md
READMESKILL.md - Wpds
# 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 Open Design 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: ```bash # 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.