All skills
wordpress avatar

/wp-patterns

@970657b official
by wordpresswordpress/agent-skills2.2k stars
327

Pattern: create or update WordPress block patterns (starter pages, templates, template parts, Query Loop layouts), review pattern registration, block markup, categories, accessibility, or i18n/escaping, or improve pattern design quality. Route custom blocks to wp-block-development; route frontend interactivity to wp-interactivity-api.

Use this Skill: https://skilld.dev/gh/wordpress/agent-skills/wp-patterns

This session only. Nothing lands on disk.

referencesexample-prompts.md

≈368 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Example Prompts

Hero Section

"Create a bold hero pattern with a large heading, subtitle, and two CTA buttons. Dark background, full-width, for a creative agency theme."

Expected: Cover or Group block with contrast bg, constrained inner, heading with xx-large + heading font, paragraph with secondary color, Buttons with primary + outline styles.

Testimonial Grid

"Create a 3-column testimonial grid with avatar, quote, name, and role. Alternating card backgrounds."

Expected: Group wrapper, block-native grid or Columns layout (3 columns, responsive), inner Group cards with varied tertiary/base backgrounds, Image block for avatar (rounded border-radius), Paragraph for quote (italic), Heading h3 for name, Paragraph small for role.

Blog Post Listing

"Create a starter page pattern for a blog index with featured post hero and 3-column grid of recent posts below."

Expected: Block Types: core/post-content header, Query Loop for featured post (perPage 1, large layout), second Query Loop for grid (perPage 3, grid layout with post-template), clear visual separation between sections.

Footer with Columns

"Create a 4-column footer pattern with logo, navigation links, contact info, and social icons. Dark background."

Expected: Block Types: core/template-part/footer header, Group full-width with contrast bg, Columns (4), Site Logo block, Navigation or list blocks, Paragraph blocks for contact, Social Icons block. Inserter: no.

Source: SKILL.md on GitHub

No alerts1mo3 checks · Risk SAFE
  • Gen Agent Trust Hub1mo

    The skill provides comprehensive guidance for generating WordPress block patterns, emphasizing technical correctness, accessibility, and design hierarchy. It utilizes standard WordPress developer tools for environment discovery and testing.

  • Socket1mo

    No alerts

  • Snyk1mo

    Risk: LOW · No issues

Signed by skilld at 970657b. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 days ago.

Activeupdated 2 months ago
Other metadata
compatibility
Targets WordPress 7.0+ (PHP 7.4.0+). Filesystem-based agent with bash + node. Some workflows require WP-CLI.

README badge

README badge for wordpress/agent-skills/wp-patterns