design-systems
Installation
SKILL.md
Design Systems Skill
Frameworks for creating distinctive, memorable web designs that avoid generic "AI slop" aesthetics.
Absolute Rules
- NO EMOJIS: Never use emojis anywhere in generated content - not in headings, paragraphs, button text, or any other text.
Design Thinking Framework
Before designing, understand the context and commit to a BOLD aesthetic direction:
1. Purpose
- What problem does this design solve?
- Who uses it?
- What action should users take?
2. Tone
Do NOT pick from a fixed list of generic styles. Instead, derive every direction from the site's topic, industry, culture, and audience:
Related skills
More from automattic/wordpress-agent-skills
wordpress-block-theming
WordPress Full Site Editing (FSE) theme architecture. Use when generating theme.json, block templates, template parts, patterns, and functions.php for WordPress block themes.
64site-specification
Extract comprehensive site specifications from simple descriptions. Use when analyzing a user's theme request to determine site type, audience, tone, layout requirements, and typography.
43