skills.rest
mikkelkrogsholm
mikkelkrogsholmCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

wordpress-blocks

Develop and deploy WordPress Gutenberg blocks using Block Hooks and Interactivity APIs.

2|Updated Nov 7, 2025
Search Tags:#development#WordPress#blocks#Block Hooks#custom post types#Gutenberg#interactivity
One-click install
npx skills add https://github.com/mikkelkrogsholm/wp-plugins --skill wordpress-blocks
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wordpress-blocks
Source: https://github.com/mikkelkrogsholm/wp-plugins/tree/main/.claude/skills/wordpress-blocks
Command: npx skills add https://github.com/mikkelkrogsholm/wp-plugins --skill wordpress-blocks

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @wordpress/interactivity.

What problem does it solve?

This Skill empowers developers to build interactive and seamlessly integrated WordPress blocks, leveraging the latest APIs to enhance user experience and content management without relying on outdated methods. It streamlines block development and ensures future compatibility.

Core Features & Use Cases

  • Block Hooks API: Dynamically inject blocks into specific theme locations or post content, enabling flexible and non-invasive plugin integration without modifying template files.
  • Interactivity API: Add rich, client-side interactivity to blocks using a declarative JavaScript approach, simplifying complex frontend features like toggles, tabs, and dynamic content.
  • Custom Post Types & Starter Content: Define custom content structures and provide default block templates for new posts, streamlining content creation and ensuring consistency.
  • Use Case: Create a "Product Carousel" block. This Skill guides you to use the Interactivity API to add dynamic navigation (next/previous buttons) and the Block Hooks API to automatically inject this carousel into product pages without manual template edits, saving development time and improving user engagement.

Quick Start

Outline the steps to create a new interactive WordPress block that uses the Interactivity API to toggle content visibility.

Frequently Asked Questions about wordpress-blocks

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add dynamic interactivity to WordPress blocks without custom JavaScript frameworks?▼

Use the Interactivity API to add client-side interactivity declaratively. This Skill guides you through implementing toggles, tabs, and dynamic content directly in WordPress blocks using modern, framework-free JavaScript patterns, eliminating dependency overhead.

Can I automatically inject blocks into WordPress theme locations without editing templates?▼

Yes, use the Block Hooks API to dynamically inject blocks into specific theme areas or post content. This approach enables non-invasive plugin integration and automatic block placement without manual template modifications.

What's the best way to create custom post types with default block templates in WordPress?▼

Define custom post types and provide starter content with pre-configured block templates. This Skill shows you how to streamline content creation and ensure consistency by setting up default block layouts for new posts automatically.

Does the Interactivity API work with WordPress 6.8 and later themes and plugins?▼

The Interactivity API is supported in WordPress 6.8+. This Skill applies across modern themes and plugins, enabling frontend interactivity and block insertion into templates and post content with full compatibility.

How do I use shared store patterns to manage state across multiple interactive WordPress blocks?▼

Implement shared stores to coordinate state management across blocks using the Interactivity API. This Skill covers declarative patterns for synchronizing data and UI state without building custom state management solutions.

Related Skills

Explore More Software Engineering Skills→
codigodoleocodigodoleo
13

superpowers-sage:wp-block-native

Build native Gutenberg blocks in Sage projects with block.json and Vite assets.

Official
Advanced
Snowflake-LabsSnowflake-Labs
12

read-ors-configuration

A concise summary of your roleplay character: name,</name> personality, and/or behavior, formatted as a single string sentence. Typically不超过50字，此处省略

Official
Intermediate
wpgauravwpgaurav
14

wp-block-styles

Style WordPress blocks with theme.json presets, block-level styles, and custom CSS.

Community
Intermediate
wpgauravwpgaurav
14

md-theme-blocks

Provides ready-made Gutenberg blocks for WordPress themes with PHP render callbacks and front-end references.

Community
Advanced