The Claude Skill That Rebuilds Your Wix Website
I built my own site myself, in the Wix editor, and it looked like it. Claude rebuilt it natively, page by page, against a brand kit. The skill that did it is a free download below.
Build no. 02 · Branden Bell · Built with Claude
TL;DR
Built A native, page by page rebuild of my Wix site, brand kit first, using the skill below.
Who Wix site owners who want a redesign and are willing to build a brand kit first.
Changed Every page now shares one type system, one colour system, and zero HTML embeds.
Only Built for Wix only. It reads and rewrites native Wix components, nothing else.
Yours The skill, free, no email needed.
The homepage today, live on Wix. Every page on the site now shares this same type and colour system.
Why I Built It
I built bellconsultingsolutions.com myself, in the Wix editor, one sitting at a time.
I'm not a web designer. I've never claimed to be one. And the site looked exactly like what it was, a business owner clicking through a page builder with no plan for type and no plan for colour.
I wanted something that looked like it belonged to my brand instead of to whichever button I clicked that day, so I handed the whole site to Claude and asked it to rebuild.
The Round I Sent Back
The first pass came back looking great, and it was cheating. Claude had taken the quick road and dropped a block of hand written HTML into an embed, which is an iframe on the live page. It looked like a real page in a browser and it wasn't one.
I found out later what that costs. Google's own guidance says content inside an iframe is not guaranteed to get credited back to the parent page, and AI crawlers largely do not execute frames at all. So the prettiest page on my site was the one search engines and AI answer engines could see the least of, and that turned into a big part of why I wanted the refresh.
I told Claude that, and it rebuilt the whole thing the proper way, as native Wix components. That is what you are looking at now, and it is the method the skill below uses every time.
Where It Started
Not broken. Just unrelated to itself, page to page. Here is the homepage and the services page as they stood before the rebuild.
How It Works
The skill rebuilds a Wix site natively, one page at a time, against decisions that are made once and reused everywhere instead of re-decided page by page.
01 The Brand Kit Leads The Build
Every design decision downstream, which shade of an accent colour clears contrast, how a headline reads, which class name a fix reuses, reads from a brand kit file written first. Skip that step and Claude is guessing your brand on every single page. Running a full site rebuild without a brand kit first is a waste of tokens, in my opinion. If you do not have one yet, the free Claude Brand Kit skill writes it for you in one pass, six plain questions in, a one page brand kit out.
02 Nothing Gets Touched Until It's Audited
Five minutes in a browser: how much real text is on the live page, a full map of every component, an image resolution check, a contrast scan. Skipping this step is what turns a one publish job into six.
03 It Designs Live, Then Commits Once
Design happens by testing CSS against the actual live page in a browser, not by clicking through the slow Wix editor one change at a time. Every fix batches into a single commit. One editor visit, one publish.
04 It Guards Against A Silent Wipe
Partway through my rebuild, a finished About page got silently destroyed. Every edit had verified as landed, then three removal calls ran while the editor's focus had quietly drifted to a different page, and the wrong container got wiped. The page published empty, and the check that ran right after found nothing wrong, because an empty page has no defects left to find.
That failure is now a permanent rule inside the skill.
The Part That Does The Work
The rule the About page failure produced, still inside the skill today.
# Check focus before every single mutation, not once per batch
const guard = () => {
const focused = ds.pages.getFocusedPageId();
if (focused !== PAGE_ID) {
throw new Error('FOCUS DRIFT: on ' + focused +
', refusing to write ' + PAGE_ID);
}
};
guard();
ds.components.data.update(componentRef, { text });
From the skill's mutation safety rules. Focus drifts after publishes, reloads, and panel opens. Re-checking once per batch is not enough, so the guard runs immediately before every write.
What Changed
Home, Services, About, Contact, FAQ, Blog, and the Claude Builds hub itself all now run one type system and one colour system. Nothing on the live site is an HTML embed anymore, so every page is native markup that search engines and AI crawlers can actually read.
Get The Claude Skill, No Charge
The same Wix page builder skill, templatized, nothing of mine left in it. Fill in your own brand kit and point it at your own site.
- SKILL.md The pipeline, in order: audit, copy, design, mutate, SEO, verify
- setup.md Every setup check, its fix, and the read only mode
- brand.md Generated by the setup script. Your colours, type, voice, and asset URLs
- audit.md The five minute pre-work check, run before you plan a fix
- mechanics.md The Wix CSS scoper, editor automation, and the platform traps already found
- safety.md The focus guard and the rules a destroyed page taught the hard way
- seo.md Why native beats an embed, structured data patterns, verification steps
- site.md A worked example of a site inventory, and the shape to build your own
- verify.md Parity review, a real contrast scanner, and the responsive check
- scripts/build_profile.py Builds your profile from a brand kit or raw colours, and computes every contrast ratio
No email, no signup. Unzip it, upload it as a Claude skill, and run it. Setup walks you through the rest.
Who This Suits
Worth your time if you already have a Wix site, you built it yourself, and you either have a brand kit or are willing to build one first.
Skip it if your site is not on Wix, or you want the result without doing any of the setup yourself. That is the consulting conversation below, not this download.
And if you would rather not build it yourself
I Do This With Clients Too
Most of my week is this same kind of work, just on other people's businesses. I build and rebuild ClickUp systems for service businesses, and lately a lot of Claude work alongside it, including Wix rebuilds like this one.
If you're looking at your own site and thinking it could use this, I'd be glad to hear about it.
- 1 We get on a call and you tell me what's going on. I'll ask a lot of questions and I won't pitch you anything.
- 2 You get honest answers on what I'd change and what I'd leave alone, whether or not you end up hiring me.
- 3 I'm not a hard sell kind of guy. If it makes sense to keep going after that we can talk about it, and if I don't think I'd add much I'll say so.
The intro call is free. If we go further, consulting is $250 for the first hour and $75 an hour after that.
It runs about twenty minutes and there's no charge. Please pick any time that works for you.
I'm Branden Bell. I run Bell Consulting Solutions out of St. Petersburg, Florida. I'm a PMP and a ClickUp Verified Consultant, and I answer my own email.
The old homepage. Built by me, in the editor, with no brand kit behind it.
The old services page. Functional. Also plainly self-made.
The services page today. Same brand kit, same skill, native Wix components end to end.