Provides styling documentation and best practices for Proto-Blocks using Vanilla CSS as an alternative to Tailwind CSS.
Provides comprehensive guidance and tools for creating WordPress Gutenberg blocks using PHP templates, including documentation for field types, controls, templates, styling, and interactivity patterns.
Provides guidance for PHP-based template development in Proto-Blocks, including PHP/HTML template patterns and best practices for creating WordPress blocks.
Offers styling guidance and patterns for Proto-Blocks using Tailwind CSS, with built-in support for Tailwind-based block styling.
Enables creation and management of WordPress blocks through Proto-Blocks, offering 12 specialized tools for block development, generation, troubleshooting, and integration with WordPress Interactivity API.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Proto-Blocks MCP Servershow me how to create a repeater field for a testimonial block"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Proto-Blocks MCP Server
The Ultimate MCP Server for Proto-Blocks - providing comprehensive AI guidance for creating WordPress Gutenberg blocks with PHP templates.
Features
12 Specialized Tools for Proto-Blocks development guidance
Complete Documentation covering all aspects of block creation
Examples from basic to expert level complexity
Troubleshooting Guides for common issues
Block Generator to create blocks from descriptions
No Build Step Required - runs directly with npx
Installation
Claude Desktop
Add to your Claude Desktop configuration (claude_desktop_config.json):
Local Development
Available Tools
Getting Started
proto_blocks_get_started- Comprehensive introduction to Proto-Blocksproto_blocks_quick_reference- Quick cheat sheet for common patterns
Documentation
proto_blocks_field_types- Complete field type documentation (text, wysiwyg, image, link, repeater, innerblocks)proto_blocks_control_types- Complete control type documentation (text, select, toggle, range, color, etc.)proto_blocks_templates- PHP template patterns and best practicesproto_blocks_styling- Styling with Vanilla CSS or Tailwindproto_blocks_interactivity- Frontend interactivity (plain JS, ES modules, WordPress Interactivity API)proto_blocks_schema- Complete block.json schema reference
Examples & Troubleshooting
proto_blocks_examples- Working examples at all complexity levels (basic, intermediate, advanced, expert)proto_blocks_troubleshooting- Solutions for common issues
Advanced Features
proto_blocks_repeaters- Comprehensive guide to repeaters (basic to complex, nested repeaters, Interactivity API integration)
Block Generation
proto_blocks_generate- Generate complete blocks from a description
Usage Examples
Get Started
Get Field Details
Get Examples
Learn About Repeaters
Generate a Block
What is Proto-Blocks?
Proto-Blocks is a WordPress plugin that enables developers to create Gutenberg blocks using PHP/HTML templates instead of React. Key features:
PHP-First Development - Write blocks in familiar PHP
Single Source of Truth - Everything in
block.jsonOptional Tailwind CSS - Built-in Tailwind support
WordPress Interactivity API - Full support for reactive UIs
Template Caching - Optimized performance
Resources
License
MIT