You craft, agents build.
Create websites that feel unmistakably yours, directly in your coding agent. Bring bold ideas to life, keep control of the design and give clients the freedom to update their content in WordPress within the structure you define.
One design. Every page. Your content.
Build reusable sections with your coding agent. Bring them together into pages, then let clients update the words, images and links in WordPress.
Page content
Create. Refine. Hand over. For agencies.
1. Create with your agent
Cursor, Codex and Claude
Bring your direction and reusable starting points.
2. Refine the details
Layouts and interactions
Shape the copy, layouts and interactions. Check the page at different sizes.
3. Hand over with structure
WordPress
Prepare the site for WordPress and give clients clear content controls.
Build the idea. Keep the source.
Author a reusable React section with your coding agent. Declare the content clients can edit, and add browser interaction where it helps the experience.
export default function Hero({ fields }) {
return (
<section>
<h1>{fields.title}</h1>
</section>
);
}
Build a practice around your craft
Site building
Bring your ideas to life directly in your coding agent.
Island Collections
Build on reusable section designs.
Brand Guides
Give people and agents shared brand direction.
Content Editing
Let clients update content within your design.
Client handoff
Give clients clear content controls in WordPress.
Interactive sections
Add motion and playful details that fit the brand.
Agent Cookbooks
Keep useful recipes for the next project.
Teams
Keep project access and responsibilities clear.
Make the good parts reusable
A clear hero. A useful feature story. An FAQ that answers the next question. Reuse sections with their own editable content.
Page content
Aa.
version: 1
fields:
title:
type: string
label: Heading
description:
type: richtext