wpds
nexu-io/open-design
Apply WordPress's official design tokens, typography, and component patterns to themes and sites.
What is wpds?
WordPress Design System provides curated design tokens, typography standards, and component patterns from the WordPress development team. Use this skill when building or styling WordPress themes and sites to maintain consistency with WordPress's official design language.
- Apply official WordPress design tokens to projects
- Implement WordPress typography standards
- Use curated component patterns for WordPress themes
- Maintain design consistency across WordPress sites
- Access WordPress's official design system assets
How to install wpds
npx skills add https://github.com/nexu-io/open-design --skill wpdsHow to use wpds
- 1.Invoke the skill by name 'wpds' or use trigger phrases like 'wordpress design', 'wp tokens', or 'wp design system'
- 2.Review the upstream repository at https://github.com/WordPress/skills for complete assets and documentation
- 3.Install the upstream bundle into your agent's skills directory following the upstream README instructions
- 4.Reference the design tokens and component patterns when building or styling WordPress themes
- 5.Apply the typography and spacing standards to maintain consistency with WordPress design language
Use cases
- Building custom WordPress themes with official design standards
- Styling WordPress site components to match WordPress design language
- Creating consistent typography and spacing across WordPress projects
- Developing WordPress plugins with official design tokens
- Ensuring design compliance with WordPress guidelines
- WordPress theme developers
- WordPress plugin developers
- WordPress site designers
- WordPress agencies
- Design system implementers
wpds FAQ
Visit the upstream repository at https://github.com/WordPress/skills for the full assets, scripts, and detailed references.
This skill is specifically designed for WordPress themes and sites; it provides WordPress's official design standards and tokens.
The skill includes design tokens, typography standards, and component patterns curated by the WordPress development team.
Use the skill name 'wpds' or any of the trigger phrases: 'wordpress design', 'wp tokens', or 'wp design system'.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: wpds description: | WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites. triggers:
- "wpds"
- "wordpress design"
- "wp tokens"
- "wp design system" od: mode: design-system category: design-systems upstream: "https://github.com/WordPress/skills"
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.
Related skills
More from nexu-io/open-design and the wider catalog.
youtube-clipper
Automated YouTube clip generation with highlighting, captioning, and export.
8-bit-orbit-video-template
Retro pixel-art video template with Hyperframes for multi-scene motion design and interactive preview.
ad-creative
Generate and iterate ad creative for paid social and search campaigns.
after-hours-editorial-template
Luxury dark-editorial HyperFrames template for cinematic three-page motion sequences with haute couture styling.
memory-evolution
|
memory-intake
|