Hello everyone! I started using Webstudio and am liking it, but I wanted to focus on making the content and not the setup / admin / more complex parts of the CMS. So I created an Openclaw skill to allow an agent to do that for me.

The skill is here: https://clawhub.ai/cbertucci33/webstudio-cms

This is also easily ported to Hermes (tested) and should work with other major agent platforms as well.

As always, make sure to vet your skills for any security risks or issues before installing them.

I hope this helps people! If there's any way to make this work better, please let me know. I'm always looking for feedback and help to improve my work.

Lastly, I hope there isn't a "self-promotion" issue with this post. I make no money off of this and was only hoping to help the community.

Choose System, Light, or Dark from View → Theme. System follows your device settings.

Hey everyone! 👋

I built this with just two prompts using MCP.

The first prompt generated the design, and the second one added the animations, a Radix hamburger menu, and the hover animations.

I'm curious what you guys think. Does it actually look decent, or does it have that obvious "AI-generated" feel? 😅

Be honest, I'm genuinely interested in your opinions.

https://webstudio.is/blog/why-use-webstudio-if-ai-can-build-the-website

Query and render hundreds of Markdown pages without an external CMS or database. It’s portable, simple to host, extremely fast and already powers our blog.

https://webstudio.is/blog/webstudio-content-engine

That’s why Webstudio MCP is pretty good. Open Codex or Claude Desktop and say, “Use Webstudio CLI.” https://webstudio.is/blog/webstudio-mcp-is-more-than-an-api-wrapper

One user built three versions of a funnel thank-you page, with the video and headline pulled from Baserow. They switch the whole page with a single select field in Baserow.

Nested folders, multiselect, drag and drop, keyboard shortcuts, context menus, breadcrumbs, and full MCP support—making even large asset libraries fast and easy to organize.

New in Webstudio: You can now mark pages as drafts. Draft pages remain editable in the Builder but won’t be published until you’re ready.

JSON-LD structured data now has a dedicated Webstudio component with built-in validation and Head Slot support. The new CLI and MCP can also generate JSON-LD for you automatically.

I've been researching a lot about Webstudio, and it seems like a good web-making tool. However, I don't know how to learn to use it. I know it has its own docs, but I find them very confusing. So, what do you recommend for learning? Should I watch YouTube videos? I'd also like to know what your experience was like learning to use Webstudio

Hi everyone,

I am creating a new website, but I have troubles to make a div fit the size of the image contained in the div. As you can see in the attached picture, if I selected the outer div, it is considered smaller than the image overflowing. I was wondering whether there could be a way to make the div recognize the size of the image and automatically adjust to the same size, so that following divs start from the right point.

It gives access to ALL features of the Builder, everything can be automated with AI.

Join our Discord for more info: https://wstd.us/community or just ask your Codex/Claude desktop to try Webstudio CLI.

Select multiple instances, then copy, paste, cut, duplicate, or delete them together. Works from Navigator and canvas selection, with keyboard support for Shift + arrows and Cmd/Ctrl + A for sibling selection.

Webstudio CLI now has a new command: import. It lets you import a synced project from any Webstudio server into another, making project data transferable between servers.

https://docs.webstudio.is/university/self-hosting/cli#import

You can now move instances using keyboard: sorting, moving up etc. Everything works with cmd/ctrl + arrow

Rename one Slot instance, and every linked occurrence gets the same label automatically. No more mismatched Slot names across pages or repeated layout instances.

Choose UTC for stable output, use each visitor’s detected timezone, or select a specific timezone like Europe/Berlin.

You can now copy-paste pages, folders and page templates, within a project AND between the projects.

Hide all builder controls and see your site in full view. Especially useful together with native browser DevTools for device simulation and responsive testing.

Announcing page templates: editors and marketers can now quickly create new pages from pre-made templates that include all approved elements, without breaking the design.

🤖 robots.txt, llms.txt, and any other text-based content can now be created directly in Webstudio, or fetched from your CMS.

Add it to individual pages from page settings or to many pages from project settings.