AI-native block development Files and no build step, which is what agents are good at.
A complete WordPress site with 10 custom blocks and 6 pages, built from a single prompt.
Describe a block, get a block
AI coding agents can scaffold blocks, pages, and patterns from one prompt. No GUI and no database, just files.
~/starter-theme
❯ Create a pricing block with three tiers, a monthly/annual toggle, and a CTA for each tier.
✓ Created pricing/block.json
✓ Created pricing/index.php
✓ Created pricing/style.css
❯ Now create a pricing page with a hero and FAQ section.
✓ Created pages/pricing/page.json
✓ Created pages/pricing/index.php
Files
blockstudio/
├── pricing/ New
├── block.json
├── index.php
└── style.css
pages/
├── pricing/ New
├── page.json
└── index.php
File-based everything
Blocks, pages, patterns, and extensions are directories with JSON config and templates. Agents read and write them natively.
Zero database config
No admin panels to click through. Every setting is a JSON key, so an agent can scaffold the library without a browser.
Predictable structure
Every block follows the same convention: block.json, a template, and optional styles. Learn the pattern once.
Works with every AI coding tool
Any agent that can read and write files works with Blockstudio out of the box.
3x fewer tokens per page
Agents write plain HTML. Blockstudio converts it to serialized WordPress block markup on sync: less to generate and less to get wrong.
Blockstudio
What agents write
<h1>Build Websites That Convert</h1>
<p>The all-in-one platform for creating
beautiful, high-performance landing pages.</p>
<block name="core/columns">
<block name="core/column">
<h3>Lightning Fast</h3>
<p>Pages load in under one second.</p>
</block>
<block name="core/column">
<h3>Easy to Use</h3>
<p>No technical skills required.</p>
</block>
<block name="core/column">
<h3>SEO Optimized</h3>
<p>Built-in best practices from day one.</p>
</block>
</block>
<img src="/dashboard.jpg" alt="Dashboard" />WordPress
What the parser generates
<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Build Websites That Convert</h1>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>The all-in-one platform for creating beautiful,
high-performance landing pages.</p>
<!-- /wp:paragraph -->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Lightning Fast</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->Less output to generate
Agents write HTML without delimiters, duplicate classes, or wrapper markup.
Less to get wrong
The parser guarantees valid block output from the simpler input.
Faster and cheaper
Fewer output tokens mean faster responses and lower model costs.
48k tokens of structured context
A single file with the complete documentation and all JSON schemas, built for LLM coding assistants.
Everything an agent needs to know
Blockstudio ships blockstudio-llm.txt with complete documentation, every field type, template pattern, and configuration option. Shared schema definitions are deduplicated.
Point an AI tool to the URL and every prompt has full Blockstudio context. It works with Claude Code, Codex, Cursor, Copilot, and any tool accepting a URL or file.
# Blockstudio
Context for LLM coding assistants.
## Blocks
Blocks are directories containing block.json and
a PHP, Twig, or Blade template. Fields live in the
"blockstudio" key.
## 30+ Field Types
text, textarea, number, range, select, toggle,
color, files, link, date, code, repeater, group ...
## Template Variables
Field values are available directly in templates.
~48,000 tokens, fits in a modern context.Built for the AI workflow
Blocks, pages, patterns, settings. Everything is a file an agent can read, write, and modify.
Two files per block
A JSON config and a template are the entire block. The small surface makes first-pass generation reliable.
30+ field types
Text, image, repeater, color, date, relationships, and more, all defined in JSON.
JSON Schema validation
Every config has a schema, which gives agents exact rules and catches mistakes immediately.
Auto-registration
Drop files into a directory and blocks register automatically, without another config list.
Canvas live preview
Blocks render in a live canvas so results appear as soon as files are saved.
Tailwind built-in
Tailwind v4 compiles per block with zero Node configuration.
Element Grabber
Copy an element’s template path and markup as instant context for an agent.
HTML to blocks
Pages and patterns are plain files that become native WordPress blocks.
The official extension kit
Premium site templates, AI system instructions, and a private Discord community. One-time purchase, lifetime updates.
- 450+ site templates
- AI system instructions
- Lifetime updates
- Private Discord community
