Contribute to the WordPress Design System

SkillMedia

Guides your agent through safely planning and making changes to WordPress design system packages in a local Gutenberg checkout.

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Contribute to the WordPress Design System skill

About this capability

Use when planning or implementing a safe `@wordpress/components`, `@wordpress/ui`, or `@wordpress/theme` change in a local Gutenberg checkout; do not use for consumer-only application changes or infer commit, push, or pull-request authority.

What this skill tells your AI

The instructions your AI receives, as published by wordpress/gutenberg in .agents/skills/design-system-contribution/SKILL.md and read by ahel’s review.

Classify the change

  1. State the requested outcome and relevant package or consumers.
  2. Classify the change as internal or public:
    • Internal: preserves the public contract and observable behaviour.
    • Public: adds or changes supported behaviour.
  3. For a public change, state the missing behaviour and audit existing public composition and similar components or tokens.
  4. If supported behaviour already meets the public need, recommend it and stop unless the request establishes a distinct contract.

Read the cross-package guide and the package-specific source guidance that matches the change:

Use an available WordPress Design System MCP server to learn current direction when useful, but verify implementation and compatibility against this checkout.

Scale work to the contract

  • For an internal change, preserve the public contract and run focused checks.
  • For a public change, define the contract and assess external consumers, compatibility, migration, documentation, and generated output.
  • For a replacement or rename, compare observable old and new values, states, and interaction—not only types or class names.

Follow current package precedents only where they apply. Do not add optional stories, public documentation, release notes, or compatibility machinery for an unchanged public capability. Still follow the repository's required package changelog policy for production code changes.

If a published package can run with a dependency supplied separately by WordPress, apply the package-runtime-compatibility skill before implementation.

Finish

Use the public guide's package completion gate with the applicable package source guidance. Mark each relevant contract surface complete, not applicable, or blocked.

Run focused tests and required lint, type, generation, or build checks. Verify interaction or CSS behaviour where source-level tests cannot establish it.

Stop for product or design-system agreement when a public component, token, or API lacks accepted behaviour. Include consumer evidence, alternatives, compatibility impact, and the proposed contract.

Signals

GitHub stars
12k
Forks
5k
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
design-system-contribution
Source
github.com/wordpress/gutenberg