Imperial Arachno Academy · Claude
Let Claude build it with you
Von Block comes with a connector for Claude. Add it to Claude, describe the page you want, and Claude builds it on your own site with your framework’s classes: real blocks in the block editor, checked at every breakpoint, ready for you to tweak and publish.
What Claude can do with it
The connector is part of the plugin and answers on your own site, so Claude works with your framework as it is, and with nothing you have not given it.
Build pages from a description
Say what the page is for and what goes on it. Claude writes it as ordinary WordPress blocks, with your framework’s classes and custom styles, as a draft you can open in the block editor.
Use only classes you have
Claude reads your framework first and looks classes up before it uses them. A class the framework does not have is refused, with the nearest ones it does have offered instead.
Check the layout
A row of three things a third wide each is valid CSS and still wrong. Claude checks every page it builds at every breakpoint, working the layout out from your grid.
More than pages
The header, the footer, templates and patterns are blocks too, and Claude can work on them; it can also write a navigation menu of your pages.
Grow the framework
When a layout needs a value your framework lacks, Claude adds it — a class, a typography style, a font — and tells you what it added. Every change to the framework is kept as a version you can go back to.
Fonts and pictures
Claude can add a Google font, kept as files on your own site, and put pictures, videos and documents into your media library: from an address, or files you have, sent to a one-time upload link. It can rename them, give them alt text, and delete them, checking first that no page still uses them.
How to connect it
Four steps, done once per site.
1
Copy the address
In WordPress, open the Von Block settings page. Under Connector it shows the URL to add as a custom connector.
2
Add it to Claude
In Claude’s settings, under Connectors, add a custom connector and paste that URL.
3
Sign in and agree
Claude sends you to your own site: sign in and consent. From then on it can do only what your account can do.
4
Ask
Describe the page you want, in your own words. Then open the draft in the block editor and finish it with the Von Block Editor.
The connector runs on your own Claude subscription, which the Von Block licence does not include. Custom connectors are available on every Claude plan (Free allows one); to build whole sites we recommend Claude Pro or higher.
Good to know
Nothing is lost
Every change to the framework is saved as a version, and any earlier version can be put back from the settings page.
You can cut it off
The settings page lists what is connected, and the Disconnect button cuts it off.
Before your first build
Get Claude up to speed
Give Claude our heads-up first. It explains the framework and the MCG grid, and how to turn a Figma file or any website into breakpoints, colours, typography styles, utility and composite classes – so your site is built with the framework, not piled into global CSS.
Start your chat with this
Before we start, read https://www.vonblock.com/claude-heads-up/ and follow it whenever you work on my Von Block site through the connector.
Claude reads the guide, looks at what your site already has, and sets up the framework before it builds a single page.
Next
Your own site
Von Block is a WordPress plugin, and every site that runs it includes the connector. Install the plugin on your WordPress, connect Claude, and start with a sentence.
Try it now
Take the reins yourself
Reading about it is one thing; ruling it is another. Pick your way in: build by hand in a WordPress that runs right in your browser, or take a real demo site for an hour and let Claude build it while you give the orders. Nothing to install and no account in either.
WP Playground (no Claude)
A whole WordPress with Von Block that runs right in your browser. It is never busy, and what you change stays in your browser. Everything works there except Claude, which cannot reach a site inside your browser: take the hero apart here while the demo sites are taken.
Claude enabled demo site
A real WordPress site with Von Block, yours for an hour. Connect Claude to it and ask for a page. It requires a Claude subscription, and you connect to the site through a Claude Connector in Settings → Connectors.
There are only a few of these sites, so at times they are all taken; the button says when the next one is free.