What does it take to build a campaign website through a conversation with an AI coding agent? On MCP Test Site, two fictional candidates provided a practical way to explore that question.
Rowan Ellis and Morgan Hale were created for mock campaigns set in Maine State Senate District 2. Each received a campaign landing page, a separate Contact Us page, generated imagery, and navigation connecting the campaign section to the wider website.
The candidates, biographies, and platforms are invented. Their purpose is to demonstrate how Codex can help build and refine WordPress content through the Model Context Protocol, or MCP.
Two candidates with distinct identities
The first campaign introduced Rowan Ellis, a fictional progressive candidate with an imagined background in community organizing and public-library programs. Rowan’s message—“A fairer Maine. A future we build together.”—frames a platform covering affordable housing, accessible health care, fair working conditions, public services, climate action, and civil rights.
The design uses deep green, soft cream, and gold accents. A large opening banner establishes the candidate’s name and message, while a portrait contained within the outline of Maine gives the page a distinctive visual identity.
The second campaign introduced Morgan Hale, a fictional conservative opponent. Morgan’s invented biography describes a small-business owner and former volunteer fire-department treasurer. Her message—“A stronger Maine. Rooted in responsibility.”—introduces priorities including responsible budgets, public safety, small businesses, parental involvement in education, individual liberty, and local control.
Morgan’s campaign uses navy, cream, and burgundy accents. It follows the first campaign’s overall structure while giving the candidate her own voice and imagery.
Using two different platforms made the exercise more useful: the same page patterns had to accommodate distinct content and visual identities.
Building with WordPress blocks
The pages were assembled using WordPress block markup. Headings, paragraphs, buttons, images, quotations, and grouped sections form the main content. Custom HTML and CSS supply details such as the photo backgrounds, portrait placement, navigation cards, and responsive layouts.
This approach keeps much of the content in familiar WordPress blocks while allowing more control over presentation.
Each campaign begins with a prominent hero banner containing the candidate’s name, a short message, and links to explore the page or open the contact section. Below it, three navigation cards guide visitors to the biography, policy priorities, and explanation of the demonstration.
The pages also use contrasting section backgrounds and constrained text widths to make longer passages easier to read. Rowan’s layout was additionally explored in a separate draft with alternating policy blocks, showing how the presentation could be revised while preserving the campaign copy.
Creating the images
AI-generated images supplied the visual assets for the mock campaigns, including candidate portraits inside Maine’s silhouette and community scenes for the banner backgrounds.
Morgan’s image prompts specified neighbors outside a Maine hardware store and a discussion around a community-hall table. They also requested compositions suitable for a headline overlay, without readable signs or logos.
The images were uploaded to the WordPress media library. Descriptive alternative text and captions identified the generated assets and their fictional purpose.
Dark color overlays on the background photographs help the white banner text remain readable. The portrait appears alongside the text on wider screens and moves beneath it on smaller screens.
Connecting the pages
Building the landing pages was only part of the work. Each campaign also needed a matching Contact Us page, working links, and a place in the site’s navigation.
The contact pages continue the visual language of their respective campaigns, including photo-backed banners and consistent typography. Their copy invites questions and interest in involvement while identifying the fictional campaign context.
Navigation work included links in the site header and footer. Because the site uses the Twenty Twenty-Five block theme, this involved WordPress navigation blocks and template parts as well as page content.
Where MCP fit into the process
MCP provided the connection through which Codex could inspect WordPress content and use the site’s available abilities to create or update pages. The build also used the WordPress REST API for tasks such as uploading local images and editing navigation content.
The process was iterative: inspect the existing structure, write the content, generate assets, assemble the pages, connect the links, and refine the layout. Responsive CSS added smaller-screen arrangements, and the page styles included visible keyboard-focus indicators.
The result is a pair of fictional campaign sections that demonstrate more than automated copywriting. They show how conversational instructions can guide content, imagery, layout, and WordPress integration—and how an established design can become the starting point for a second, distinct page.
Leave a Reply