Everything you need, in one studio.
One project holds your pages, your design system, your images and your published site. Nothing is exported to a second tool to finish, and nothing you built in one step is thrown away by the next.
Two steps of the loop below are not built yet — import and commerce connections. They are marked wherever they appear.
The loop
Five steps, one project.
This is the whole product. Three of these steps work today; the two greyed below are in the registry as unbuilt, and the sections further down say so again.
01 — Create
Start with a sentence or a blank canvas.
Both routes end in the same place: a page made of sections you can select and change. There is no generated-output mode you have to leave before you can edit.
AI page generation
Describe a page and Studio composes it from a library of tested sections.
Section library
Every page is assembled from 33 responsive sections that are tested before they reach your canvas.
Multi-page sites
Add, rename and link pages inside a single project.
Template library
In developmentStart from a finished, editable project instead of a blank page.
Template library is still being built, so today a project starts either from a prompt or from an empty page.
02 — Import
Start from what you already built.
An HTML page or a project archive comes in as editable sections. Figma and GitHub are still planned, and are labelled below.
03 — Edit
The editor, part by part.
Six regions, and that is the whole surface. Nothing here is a mode you enter and leave — the chat rail and the design panel act on the same page at the same time.
Add a fourth pricing tier called Scale.
Changed: pricing-3col → pricing-4col
AI chat rail
Ask for a page, or for a change to the page already on the canvas. Every reply lists what actually changed.
Canvas
The page itself, rendered with the real sections. Click anything to select it.
Sections list
Every section on the page, in order. Reorder, duplicate or delete without touching the canvas.
Design panel
Text, images, layout and spacing for whatever is selected — plus the project-wide tokens.
Pages
Add, rename and link pages. One design system covers all of them.
Publish
Save a draft as often as you like; publish when the draft is the site you want.
Nothing is destructive
Try it. You can always go back.
The reason people hesitate in a builder is that they cannot tell what an action will cost them. In Studio the answer is nothing: you work in a draft, you choose when to save, and every save you have ever made is still there.
That applies to the AI as much as to your own edits. If a prompt takes the page somewhere you did not want, the previous version is one restore away.
You are always in a draft
Editing changes the draft, never the published site. The live address keeps serving the last thing you published until you say otherwise.
Saving is a decision
Nothing is committed behind your back. A save is something you do, which is what makes the history below meaningful.
Every save is kept
History goes back as far as your project does, so an experiment costs you nothing but the time to try it.
Underneath everything
One design system, not a hundred decisions.
Colour, type, corner radius, shadow and spacing are global tokens. Change one, every page follows.
Three pages. One set of values. Nothing was edited page by page.
04 — Connect
Connections are not available yet.
Nothing on this page talks to a store or an external system today. The plan is that your commerce platform keeps products, orders and checkout, and Studio designs what the customer sees.
Shopify
PlannedConnect a Shopify store and build its storefront, product pages and collections in Studio.
WooCommerce
PlannedConnect a WooCommerce store and design its storefront in Studio.
Studio API
PlannedCreate and update Studio projects programmatically.
05 — Publish
One click, and the draft is the site.
Publishing gives you a live address on skode.ai with HTTPS already handled. What you see on the canvas is what goes out — the same sections, rendered the same way, responsive without a separate mobile pass.
Custom domains is in development. Until it lands, published projects live on a skode.ai address.
Publishing
Publish to a live skode.ai address in one click, with HTTPS handled for you.
Responsive output
Sections are built responsive, so what you publish works on phones without a separate mobile pass.
Image uploads
Upload your own images and use them anywhere on the canvas.
Custom domains
In developmentPoint your own domain at a published Studio site.
The full list
What works today, and what does not.
The same table we check our own copy against. If something is missing from the left column, you cannot do it in Studio yet.
Available now
11- AI page generationDescribe a page and Studio composes it from a library of tested sections.
- AI editingAsk for a change in plain language and Studio edits the page in place, without rebuilding it.
- Visual editorSelect any section to edit its text, images, layout and spacing directly.
- Section libraryEvery page is assembled from 33 responsive sections that are tested before they reach your canvas.
- Design systemColour, type, corner radius, shadow and spacing are global tokens. Change one, every page follows.
- Multi-page sitesAdd, rename and link pages inside a single project.
- Version historyEvery save is kept, so you can go back to any earlier state.
- Image uploadsUpload your own images and use them anywhere on the canvas.
- Responsive outputSections are built responsive, so what you publish works on phones without a separate mobile pass.
- PublishingPublish to a live skode.ai address in one click, with HTTPS handled for you.
- HTML importUpload or paste an HTML page and Studio rebuilds it from editable sections.
Not available yet
11- Custom domainsIn developmentPoint your own domain at a published Studio site.
- Template libraryIn developmentStart from a finished, editable project instead of a blank page.
- Command barIn developmentReach every action in the editor from one keyboard-driven menu.
- Figma importPlannedTurn a Figma frame into editable Studio sections.
- Google AI Studio importBetaExport the project as a .zip and import it. Content comes across; the original layout does not.
- Vue importBetaImport a Vue project as a .zip. Its content is rebuilt from Studio sections rather than kept as Vue components.
- GitHub importPlannedConnect a repository and import its front end.
- ShopifyPlannedConnect a Shopify store and build its storefront, product pages and collections in Studio.
- WooCommercePlannedConnect a WooCommerce store and design its storefront in Studio.
- CollaborationPlannedWork on the same project with your team.
- Studio APIPlannedCreate and update Studio projects programmatically.
One project, from first page to live site.
Describe a page, edit what comes back, publish it. The parts that are not built yet are marked, and the rest is waiting.
Open the studio