🎯

design-systems

🎯Skill

from automattic/wordpress-agent-skills

What it does

Generates design system documentation, component specifications, and visual style guides with semantic HTML, CSS tokens, and responsive design principles.

📦

Same repository

automattic/wordpress-agent-skills(6 items)

design-systems

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add automattic/wordpress-agent-skills --skill design-systems

skills.sh Install⚠ Installs to .agents/skills/

npx skills add automattic/wordpress-agent-skills --skill design-systems

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/design-systems/SKILL.md

83Installs

AddedFeb 26, 2026

View on GitHub Back to Skills

More from this repository5

🎯

wordpress-block-theming🎯Skill

Generates custom WordPress block themes by analyzing design requirements, creating theme.json configurations, and developing responsive block patterns and styles.

🎯

site-specification🎯Skill

Generates precise WordPress site configuration specifications, mapping out technical architecture, hosting requirements, and plugin/theme dependencies.

🏪

Automattic/wordpress-agent-skills🏪Marketplace

A collection of agent skills that can be used to create WordPress themes and sites

🔌

create-wp-site🔌Plugin

Create WordPress block themes from simple descriptions and deploy them to a local WordPress Studio site.

🔌

cowork-create-wp-site🔌Plugin

Create WordPress block themes from simple descriptions and deploy them to a local WordPress Studio site.