This video demonstrates using Claude Code, an AI coding tool, to build a WordPress block theme from scratch. The creator provides a rich markdown file with architecture, styles, templates, and patterns, then activates and refines the generated theme. The result is a strong starting point with 31 patterns, though a few manual fixes are needed due to incomplete context.
A short editorial from the SEONIB team on why this content matters.
This video proves that AI can build a functional WordPress block theme when given structured context via a markdown file, shifting the bottleneck from coding to prompt engineering.
Unlike typical AI coding demos, the creator treats the markdown as a living blueprint, making the process repeatable and scalable—a key advantage for SEO teams needing rapid prototyping.
WordPress developers and agency owners should adopt this markdown-first approach with Claude Code to accelerate block theme creation, then refine the output for production.
A WordPress theme built using block editor markup in HTML files instead of traditional PHP templates.
An AI coding assistant by Anthropic that can generate code based on contextual markdown files in a project.
A configuration file for block themes that defines global styles, settings, and layout defaults.
Pre-designed block layouts (e.g., hero, pricing) that can be inserted into pages or templates.
Web Content Accessibility Guidelines; ensuring themes meet these standards is a key requirement.
A design approach that prioritizes smaller screens and scales up, baked into the theme's CSS and layout rules.
How do you build a WordPress block theme using AI?
Provide an AI coding tool like Claude Code with a detailed markdown file containing architecture, theme.json, template structure, and design rules, then run a command like 'Build the theme'.
What is the secret to getting good AI-generated code?
Rich context and structure. A one-shot prompt fails, but a multi-page markdown file with specific instructions yields much better results.
Why use Claude Code instead of Cursor AI?
Claude Code supports persistent markdown files in project folders, giving it consistent context. Cursor produced a more skeletal theme with gaps.
What does the markdown file include?
It includes architecture standards, WP CLI commands, template and part breakdowns, theme.json, color palettes, accessibility rules, block categories, and pattern lists.
Can AI generate functional block patterns?
Yes, Claude Code generated 31 patterns including hero, pricing table, testimonial grid, timeline, and call-to-action blocks, most working out of the box.
What was missing from the AI-generated theme?
A front page template was not created because the markdown file did not explicitly request it. Also, a comments template part was missing.
How do you fix missing templates in an AI-built theme?
Manually duplicate an existing template (e.g., page.html) and rename it to front-page.html, then edit it in the site editor to remove unnecessary blocks.
Does the AI handle accessibility automatically?
The markdown file includes WCAG compliance requirements, and Claude attempts to follow them. However, manual validation is still recommended.
Is this approach suitable for production themes?
The result is a solid starting point. With minor manual tweaks and thorough testing, it could be a production-ready foundation.
How long does it take to build the theme with Claude Code?
The generation process runs in seconds to minutes, depending on the complexity. The creator shows files appearing and directories filling rapidly.
SEONIB automatically generates AEO-optimized pages, embeds schema, and submits them to IndexNow — so your content gets discovered faster by Google and AI answer engines.