Automattic recently released Telex, and if you have been around the block as long as I have, you know that “experimental” usually means “bring your own debugger.” However, the ability to generate a WordPress theme using natural language isn’t just another AI gimmick; it is a fundamental shift in how we scaffold projects. I have spent 14 years hand-coding PHP templates, so seeing a design brief turn into a working ZIP file in minutes is both impressive and a little bit unsettling.
Telex is essentially an AI-powered authoring environment that builds block themes from scratch. It bypasses the traditional struggle with the template hierarchy and CSS mysteries by outputting modern, block-based structures. Specifically, it focuses on theme.json and block patterns rather than the legacy PHP mess we are used to cleaning up.
1. Scaffolding Your Idea with Prompts
The biggest mistake I see devs making with AI is being too vague. If you want to generate a WordPress theme that actually works for a client, you need to think like an architect, not a blogger. For example, telling Telex to “make a blue site” is a waste of time. Furthermore, it results in generic layouts that you will just end up refactoring anyway.
Instead, use a prompt that defines the visual hierarchy and intent. If you are building a recruitment consultant landing page, tell the AI exactly where the conversion points should live. The more technical context you provide (e.g., “sticky header,” “above the fold CTA,” “muted palette”), the better the initial scaffold will be.
2. Use the “Enhance Prompt” Logic
Before you hit generate, there is an “Enhance Prompt” button. Do not skip this. Telex takes your raw thoughts and translates them into a formal design brief. This is crucial because it fills in the gaps regarding typography, spacing, and trust signals that you might have overlooked. Consequently, the output feels like a finished product rather than a wireframe.
3. Visual References and Variations
If you have a mockup or a competitor’s site that “gets it right,” you can upload a reference image. Telex analyzes the visual and uses it as a foundation. After processing, it gives you four variations. In my experience, one will usually have the right “bones,” while the others might be a bit too experimental. Pick the one that aligns with the user’s flow, not just the one that looks the prettiest.
4. Building the Template Hierarchy
One “gotcha” to watch out for: Telex starts with a single template. However, a real-world site needs specialized layouts. You must ask it to build out the rest of your hierarchy. This includes:
- Archive templates for job listings or blog posts.
- Custom page templates for “Services” or “Contact.”
- Single post layouts with specific metadata blocks.
By defining these templates within the tool, you ensure that the CSS variables and theme.json settings remain consistent across the entire site. Therefore, you won’t have to deal with style regressions later.
5. Inspecting the Generated Code
When you download the ZIP, you aren’t just getting a random bunch of files. You are getting a legitimate block theme. For those curious about what’s under the hood, a typical theme.json generated by Telex might look like this corrected snippet:
{
"version": 2,
"settings": {
"appearanceTools": true,
"color": {
"palette": [
{
"color": "#1a1a1a",
"name": "Base",
"slug": "base"
},
{
"color": "#007cba",
"name": "Accent",
"slug": "accent"
}
]
},
"typography": {
"fontFamilies": [
{
"fontFamily": "\"Inter\", sans-serif",
"name": "Inter",
"slug": "inter"
}
]
}
}
}Notice the use of appearanceTools. It’s a standard practice in modern development to enable this so the user has full control in the Site Editor without us having to write custom CSS for every margin and padding change.
6. Testing and Deployment
Before you even think about activating this on a live production server, test it. I highly recommend using WordPress Playground or WordPress Studio. I’ve written before about how WordPress Playground changed local development, and it is the perfect sandbox for these AI-generated themes. It allows you to see how your existing content maps to the new blocks without risking a site-wide crash.
Look, if this Generate a WordPress Theme stuff is eating up your dev hours, let me handle it. I’ve been wrestling with WordPress since the 4.x days.
Final Takeaway: Toy or Tool?
Is Telex going to replace a senior developer? No. But it is a massive shortcut for scaffolding. Instead of starting with a blank index.php and style.css, you start with a 90% finished block theme. Just remember that it is still experimental. You will likely encounter the occasional race condition or CSS glitch. However, for rapid prototyping, it is currently unbeatable. If you’re serious about your workflow, check out my guide on pro block theme development workflows to see how to integrate tools like this into a GitHub-based CI/CD pipeline.
Try it out, break things, and then come back and tell me what happened in the comments. Ship it!
“},excerpt:{raw:
