Mervin Praison tests the free Colorfigures skill in Claude Code: describe a click pen, toilet tank or drip coffee maker and get a 3D machine you can rotate, open and press, in 25 to 70 minutes.
Build a WordPress website with Claude and a free skill
Matt of Metics Media shows beginners how to have Claude design a WordPress site, make the photos with Higgsfield, build every page in Elementor through its MCP, and publish on your own domain, no code.
Metics Media · YouTube · published Nov 3, 2026 · Software & DevOps
▶ Watch on YouTubeVisual breakdown
Matt installs a free WordPress skill in the Claude desktop app's Code tab. Claude interviews you, designs the site for approval before you pay for hosting, makes photos through Higgsfield, then builds every page in Elementor via its MCP and publishes it on your own domain.
The problem: Building a custom WordPress site normally means hiring a designer and a photographer, and not knowing which buttons to click.
From a chat to a live WordPress site
- Claude + free skillClaude desktop app on the Pro plan, with the WordPress website skill uploaded once
- Business interviewClaude asks questions one at a time, then summarizes a brief for you to approve
- Design previewPitches three looks, then designs every page in your browser before anything is onlineDropped: Anything you ask to change
- AI photosHiggsfield makes photos and polishes your phone shots, keeping the real product
- Hosting and WordPressHostinger, free domain, then Astra theme, Elementor and WPForms installed by hand
- Elementor MCP buildClaude builds every page as drafts from real Elementor elements
- Live siteReviewed, published on your own domain, editable by hand or with Claude
ToolsManual stepsClaude does itResult
What Claude asks about
- Business name and whether it is a real business
- The one thing a visitor should do
- Pages, look and colors, and your own photos
By the numbers
~$20/moClaude Pro (about $17 if paid yearly)
8 photosmade for 16 credits
$19/moHiggsfield Starter (US)
~10 minto build the homepage
Do it yourself
Follow the idea, not the exact buttons: the video notes that app screens change often.
- Install the Claude desktop app, pick Pro monthly, and upload the free WordPress website skill zip without unzipping it.
- In the Code tab, open a new folder, choose Opus, and type: build my website.
- Answer Claude's questions, approve the brief, and review the design it opens in Chrome.
- Connect Higgsfield as a custom connector, then let Claude make the photos.
- Get Hostinger hosting with a free domain, install WordPress, then add Astra, Elementor and WPForms.
- Enable Elementor MCP, generate the Claude Code setup prompt, and paste it into Claude in a new session.
- Let Claude build the pages, set colors, fonts, header and footer in the customizer, add the form, then review and publish.
Claude builds pages as drafts, so nothing is public until you say publish.
Gotchas from the video
- The skill never asks for your WordPress or hosting password; Claude uses a separate application password you can delete anytime.
- A new connection only loads in a new session, so start one in the same folder.
- Close Elementor editor tabs while Claude works; saving in an open editor can undo its changes.
- Claude never buys anything for you; it tells you the credit cost before using Higgsfield.
- Verify the emails from Hostinger; an unverified domain can stop working after 15 days.
Jump to the part you need
0:00Intro1:14Set up Claude and the free skill5:28Tell Claude about your business8:19Design your website with AI11:02Make professional photos with AI15:30Get hosting and a free domain17:35Install WordPress and Elementor22:34Connect Claude to Elementor24:48Claude builds your website26:55Edit header, footer and contact form33:12Check, publish and go live
Distilled from the video’s captions
How to try it
- Open Claude.
- Copy the prompt and fill in the [placeholders].
- Watch Metics Media's video for the full walkthrough and setup.
Related use cases
Ben AI's 5-step framework for Claude's new live dashboards: set the one decision it serves, pick 5-10 metrics, check the data, design from references, then build, share and auto-refresh AI insights with a routine.
AICodeKing connects the open-source Qwen Audio Agent to Claude Code so he can keep a voice conversation going, interrupt answers and change requirements while a VoiceDesk app is built in the background.