In this video the Elementor MCP turns a one-page landing page for Area, a fictional analytics company, into a five-page website. I send the instructions from Claude Code, and the Elementor MCP builds every page inside WordPress with native Elementor V4 elements.
The build follows a written brief one phase at a time, and I check the result after each phase before moving on. It’s for web designers who want to see what the MCP can really build, and where it still needs help.
What I cover
- Enable the Elementor MCP and connect it to Claude Code
- Plan the build in phases and share design inspiration and screenshots
- Build the About page, a Pricing page with a monthly/annual toggle and FAQ, a Contact page with a working form, and a Resources page with a filtered post grid
- Update the header and footer and set their display conditions
- Add a GSAP layer for the scroll animations and marquees
- Inspect the structure in the Elementor editor