Get the launch discount

The AI workspace for Astro websites

Build Astro sites with AI. Refine them visually.

Tado Studio is the desktop app where AI chat, visual editing and code work on the same local Astro project. Select a section or a component, ask your AI for a change, then fine-tune it with visual controls or in the code. Keep your files and carry on in another editor whenever you choose.

Join the waitlist See how it works

Already building real websites. Now preparing our first public release.
Join the waitlist for launch updates and an exclusive discount.

From prompt to live site, without leaving the app.

Watch AI build a page, then see it refined visually: a component reused, a shared token updated, content pulled from a collection and every screen size checked, right up to publishing.

Select anything. Change it in seconds.

Select a section, a component or a piece of text, and your AI knows exactly where to work. It edits the real files of your project, and you see the result on the canvas.

Then take over whenever you like. AI, visual controls and code work on the same files.

For people who build websites for clients.

Deliver client sites faster with AI doing the heavy lifting, keep full control over every detail, and hand over a fast Astro site with no plugins to patch.

  • Freelancers and designers

    Get a first version from AI, then shape every detail with visual controls, the way you’re used to in a builder.

  • Small agencies

    Reuse your skills, CSS framework and components across client projects, and deliver plain Astro sites you can host where you like.

  • Developers

    Keep real Astro files, Git and a terminal. Jump into the code, or hand the AI a precise task on the element you selected.

Coming from Bricks or Etch? See how Tado Studio compares.

Your AI and your skills, right beside the page.

Work with Codex on your ChatGPT plan or Claude Code on your Claude plan, inside Tado Studio. Support for local AI models is on the roadmap. Select an element and it goes along with your prompt, so the AI knows exactly where to work.

  • No separate API bill. Use the subscription you already pay for. Your login and chat history stay with Codex or Claude Code.

  • Bring your working methods into the chat. Pin skills for your writing style, design rules or research process, and enable supported connectors when a task needs outside information.

  • Best practices built in. A built-in skill guides the AI toward accessible, responsive and semantic HTML, readable class names and your framework’s tokens. Review and test the result before publishing.

See two example workflows SEO research and your writing style, each with a skill, a prompt and the result beside the page.

Example workflow

SEO research, right beside your page.

Use an SEO skill with a connected SEO data source. Review keywords and get suggestions for the title, headings and copy, next to the page you’re working on.

  1. Skill Your SEO skill: keyword and on-page method
  2. Connector Your SEO data source: keyword and ranking data
  3. Prompt “Check the keywords for this page and suggest a title, H1 and intro.”
  4. Result Suggestions in the chat, beside the page they’re for

Example workflow

Your writing style, in every section.

Select a piece of text and let a writing skill rewrite it in your tone of voice. Review the result in the design and refine it right there.

  1. Skill Your writing skill: tone of voice and style rules
  2. Selection The intro paragraph on the canvas
  3. Prompt “Rewrite this intro in our tone of voice. Keep it under 40 words.”
  4. Result New copy in place, ready to review and adjust

Refine the details without another prompt.

Select an element and adjust its layout, spacing, type and color with visual controls. See the result on the canvas, with its CSS and component props within reach.

  • Every breakpoint at once. See desktop, tablet and phone side by side, and fix the layout where it needs it.

  • Keep the design consistent. Use your framework’s colors, type and spacing. Update a shared token to change the elements that use it.

  • Components you can reuse. Edit a component’s props without opening the file. Change the component and every instance follows.

Add content once. Use it across your site.

Keep projects, team members or articles in a collection. Edit an entry in Tado Studio and use the same content wherever your pages need it, with fields and templates you control.

  • Collections for anything. Team members, services, projects: create a collection and give it fields, from text and images to dates, links and repeating items.

  • Loops on any page. Show the whole team or only featured projects anywhere. Add an entry and every loop updates.

  • Connect external content. Astro’s content loaders can pull data from a CMS or API. Editing that external content depends on the source and its integration.

No lock-in. Tado Studio is a layer over your files.

Tado Studio runs on your computer, next to a regular Astro project. Open it in any editor, keep it in Git, and build and host it without Tado Studio. Stop using Tado Studio and your site keeps working.

  • Plain files on your disk. Pages, components, content and styles are ordinary files you can read and change.

  • Edit with any tool. Work in VS Code or the terminal next to Tado Studio. Tado Studio detects external file changes and blocks saving when it detects a conflict.

  • Start a new Astro site and build with AI and visual controls.

From prompt to live site in minutes.

Push your project to GitHub and publish it to Cloudflare from the same workspace. Your site goes live as static files, with no server or database to look after.

  • GitHub in one click. Tado Studio commits your changes and pushes the project to its own repository.

  • Live on Cloudflare. Publish straight from Tado Studio. For suitable static sites, Cloudflare’s free plan can be enough.

  • Any host you like. It’s a standard Astro project, so it runs almost anywhere. Hosting is separate from your Tado Studio subscription.

Build it right from the first page.

A built-in skill guides the AI toward accessible, responsive and semantic HTML, readable class names and your framework’s tokens. Review and test the result before publishing.

ServiceCard.astro Built in 
---
const {title, text, href} = Astro.props;
---

<article class="card card--featured">
  <h3 class="card__title">{title}</h3>
  <p class="card__text">{text}</p>
  <a class="card__link" href={href}>Read about {title}</a>
</article>

<style>
  .card { padding: var(--space-m); }
  .card__title { font-size: var(--text-l); }
  .card--featured { border-color: var(--primary); }
</style>
Example output
  • Semantic elements
  • BEM class names
  • Descriptive link text
  • Framework tokens

  • Accessibility

    Headings in order, labels on every field, alt text, visible focus states and enough contrast.

  • Responsive layouts

    Guidance for layouts and type that adapt across screen sizes. Preview your breakpoints and check the result before publishing.

  • Semantic HTML

    The right element for each job: header, nav, main, article and real buttons, not a pile of divs.

  • BEM class names

    Predictable names like card__title and card--featured, so your CSS stays readable and reusable.

  • Framework tokens

    Colors, type and spacing from your CSS framework instead of one-off values.

  • SEO and clean output

    Page titles, meta descriptions and no scripts you don’t need.

The tools behind the workflow.

Explore how Tado Studio handles reusable components, content, code and project history.

Start a site in one click

Pick a name and a folder, and Tado Studio sets up a new Astro site for you: your CSS framework, a first saved version and a live preview, ready for your first prompt.

Skills per chat

The skills you set up in Codex or Claude Code appear in the chat. Pin a skill to include its instructions in the chat.

MCP connectors

Supported MCP connectors you already use with your AI tool are picked up automatically. Switch them on per chat, for example a keyword data source for SEO research. External services need their own account and permission.

Best practices built in

A built-in skill guides the AI toward accessible, responsive and semantic HTML, readable class names and your framework’s tokens. Review and test the result before publishing.

Framework tokens

Colors, font sizes and spacing from your connected CSS framework appear in the value menus, so every page stays consistent. You can edit the design system itself in Tado Studio too.

Components with props

Give a component properties such as a title, a price or a featured flag, and fill them in per instance in the Properties panel, without opening the file. Change the component and every instance follows.

Collections and custom fields

Create collections such as team members, services or projects, and give them fields from text and images to dates, links and repeating items. You edit the entries in Tado Studio; they are stored as JSON in your project.

Loops and conditions

Show a collection anywhere with a loop, and use a condition to show only what fits, such as featured projects. Add an entry and every loop updates.

Dynamic routes

Use Astro’s dynamic routes to give every entry its own page from a single template, and preview those pages on the canvas.

Every screen size

Show desktop, tablet and phone side by side, or switch the canvas to one size, and fix the layout at the width where it needs it.

HTML, CSS and JS editors

The code panel shows the HTML, CSS and JavaScript of the element you selected, right below the canvas. Edit the code yourself, or ask the AI for a precise change.

Backups and versions

Save each version of your site with Git and back it up to its own GitHub repository, without leaving Tado Studio. The history stays in a standard Git repository, so earlier versions remain available.

Publish to Cloudflare

Publish your site to Cloudflare straight from Tado Studio. It goes live as static files, and for suitable sites Cloudflare’s free plan can be enough. Hosting is separate from your Tado Studio subscription.

Caching and images

Your pages are built as static files, so there’s no caching plugin to set up or update. Astro can make images lighter to help pages load faster. Which images are optimized depends on how your site is set up.

Built-in terminal

Run your project’s scripts or Claude Code in the terminal next to the canvas, without switching apps.

Tado Studio

  • Desktop app
  • No lock-in
  • Codex or Claude Code
  • Your own skills
  • MCP connectors
  • Visual CSS controls
  • Framework tokens
  • Components with props
  • Custom fields
  • Collections and loops
  • Dynamic routes
  • All breakpoints at once
  • HTML, CSS and JS editors
  • Git built in
  • Publish to GitHub
  • Publish to Cloudflare
  • Best practices built in

Astro

  • Zero JavaScript by default
  • Content collections
  • Content from any API or CMS
  • Markdown and MDX
  • React, Vue and Svelte islands
  • Server islands
  • API endpoints
  • Static or on-demand rendering
  • Image optimization
  • Fonts API
  • Multilingual routing
  • View transitions
  • Middleware
  • Server actions
  • Sitemaps and RSS
  • TypeScript built in

Less to set up. Less to maintain.

Coming from Bricks, Etch or another WordPress builder? Keep the visual control you’re used to, let AI do the heavy lifting, and leave plugin updates, hosting setup and the database behind.

The usual WordPress route Tado Studio
Setting up WordPress Hosting, a database and WordPress itself, then a theme or page builder, before you build anything. Tado Studio Start a new Astro site and build with AI and visual controls.
Building with AI WordPress Content and layouts are typically stored in the database. AI tools can work with them through APIs and integrations. Tado Studio Pages and components are regular Astro files that a coding agent can edit directly, alongside Tado’s visual controls.
Adding features WordPress A plugin for every job, each with its own updates, settings and risks. Tado Studio Components, collections, a CSS framework and Git are built in. Forms, SEO and client editing are on the roadmap.
Security and updates WordPress Core, theme and plugins need regular updates, and a full backup needs both the files and the database. Tado Studio The live site is static HTML: no login page, database or plugins running on the server.
Hosting WordPress Managed WordPress hosting from well-known hosts starts at about $30 a month for one site. Tado Studio Static files run almost anywhere. For suitable sites, Cloudflare’s free plan can be enough.
Your content WordPress Page builder layouts sit in the database, in the builder’s own format. Tado Studio Pages and content are plain files: Astro, Markdown and JSON. Take them anywhere.
  • 91% of new vulnerabilities in the WordPress ecosystem in 2025 were found in plugins.
  • 46% of them had no patch available yet when they were made public.
  • 38% of WordPress sites run a PHP version that no longer gets security updates.

WordPress does two things really well: more than 73,000 free plugins and an editor your clients know. That’s why forms, SEO and one-click client editing with EmDash are on our roadmap. See the roadmap

New to Astro? See how Tado Studio works as an Astro website builder

Sources: Patchstack, State of WordPress Security in 2026 (February 2026). WordPress.org statistics and php.net supported versions, about 38% calculated, and the WordPress.org plugin directory (September 2026). WordPress developer documentation. Kinsta and WP Engine pricing pages (September 2026).

Website work has changed. Our tools should too.

Client work means balancing design, content, revisions and deadlines. AI has changed how much we can get done, but fitting it into an existing workflow can still mean switching between tools and repeating context.

We know that friction from building websites for clients. WordPress has been part of that work, but for an AI-first workflow we wanted pages and components that AI could work on directly, with visual controls close at hand.

That’s why we’re building Tado Studio: one workspace where AI does the heavy lifting, you perfect the details, and the project stays yours.

What’s next for Tado Studio.

Tado Studio already builds real websites. We’re preparing the first public release, and we won’t wait for every feature below to launch. Some features will start with a practical workflow and step-by-step instructions before we add native controls. Scope and order may change as we learn from users.

  1. Templates and blocks

    Ready-made pages and sections to start from.

    Next up

  2. SEO

    Titles, descriptions, social previews and sitemaps, managed per page.

    Next up

  3. Forms

    Contact and signup forms that work on a static site and arrive where you want them.

    Next up

  4. Client editing with EmDash

    An EmDash integration will let clients edit content without opening the builder. Hosting, accounts and content storage are part of the integration.

    Next up

  5. Simple and Advanced mode

    A simpler view for everyday editing, with code and project files available in Advanced mode.

    Later

  6. Additional hosting platforms

    Publish to additional hosting platforms straight from the workspace. You can already deploy your site to almost any host yourself, because it’s a regular Astro project.

    Later

  7. Local AI models

    Connect supported local models to the chat. Hardware requirements and available capabilities will depend on the model.

    Later

  8. Import options

    Bring existing content and simple HTML pages into Astro projects. WordPress layouts and plugin features need separate migration work.

    Later

Questions, answered.

What Tado Studio does, what it costs and what you need, before launch.

Join the waitlist

No. Tado Studio is a desktop app on your own computer. You build in a regular Astro project on your disk; only the AI runs online, through your own Codex or Claude Code.

Tado Studio is a desktop app. We’ll confirm the supported operating systems and installation requirements before launch, and waitlist members hear it first.

Ask the AI to build or change a page or section. Then select any element in the result and adjust its text and styling with visual controls.

From that same selection, you can give a follow-up prompt or edit the code. AI, visual editing and code all work on the same files, in one workspace.

No. You can build with AI prompts, select elements, edit text and adjust styling visually, without writing code.

Tado Studio is easy to pick up, whether you’re just starting out or already build sites for clients. Detailed guides, video tutorials and an AI assistant that answers your questions about Tado Studio help you along the way. And when you want more control, the code is always within reach.

Yes. Use Codex with a supported ChatGPT subscription, or Claude Code with a supported Claude subscription.

This route needs no separate API billing. Your provider decides which plans include Codex or Claude Code.

Tado Studio automatically picks up the skills and supported MCP connectors you already use with your AI tool. For each chat, you choose which skills to pin and which connectors to switch on.

Connectors to outside services still need your own account and permission, and some services need their own subscription.

No. Your project files stay on your computer, but the AI model runs as an online service from your provider. The agent reads and edits your local files, and the parts it works with are sent to that service.

Support for local AI models is on our roadmap.

Yes. Tado Studio works on a regular Astro project in a folder you choose. Open it in your code editor, use Git, or run it without Tado Studio. Your published site doesn’t depend on Tado Studio.

Tado Studio detects external file changes and blocks saving when it detects a conflict.

No. Tado Studio works on a regular Astro project. You can keep using your code editor and Git alongside it, and continue working on the project without Tado Studio.

Push your project to GitHub in one click, or publish it to Cloudflare straight from Tado Studio. You can also deploy it with any other host you prefer.

Hosting is separate from Tado Studio. For suitable static sites, Cloudflare’s free plan can be enough within its limits.

Yes. This site is a regular Astro project that we build and edit in Tado Studio, with the same AI chat, visual controls and design system you’ll use.

Yes. If you create content about web design or Astro, we’d love to explore working together. Email us at info@tadostudio.com.

Tado Studio will be a paid product. We’re planning one subscription per maker, with unlimited local projects and updates while you’re subscribed. Pricing will be announced before launch.

Your AI subscription, hosting and domain name are separate costs.

Tado Studio is launching soon. We’ll share the launch date and pricing with the waitlist first.

Join the waitlist with your email address to get launch updates and an exclusive launch discount code.

Be first in. Get the launch discount.

Be the first to hear when Tado Studio launches, and get an exclusive launch discount code.

Get launch updates and an exclusive launch discount code. Unsubscribe at any time.

A paid product, built for real websites.

  • Pricing will be announced before launch.
  • We’re planning one subscription per maker, with unlimited local projects.
  • Your AI subscription and hosting are separate from Tado Studio.

What happens after you join.

  1. Confirm your email address.
  2. Get launch news, with your discount code.
  3. Download the Tado Studio desktop app at launch.