Ycode AI Agents: How the Editor’s AI Actually Works

Ycode AI Agents is a chat panel built into the Ycode visual editor that builds and edits pages, components, and CMS content from plain-English instructions. You connect your own API key for Claude, ChatGPT, Gemini, or Grok, and the agent works only on a draft — nothing goes live until a person hits publish.

Short answer: Ycode AI Agents is a built-in chat assistant, not a separate product. It edits pages, layers, CMS collections, and components from natural-language prompts, using an API key you supply for Claude, ChatGPT, Gemini, or Grok. Ycode charges nothing extra for AI use — you pay your chosen provider directly, and every change lands in draft mode first.

ChatGPT homepage — screenshot of chatgpt.com
ChatGPT homepage — screenshot of chatgpt.com

In my testing, I went through Ycode's editor documentation, its pricing page, and its AI settings screen line by line before writing any of this, because the "AI Agents" phrase doesn't actually appear on the marketing homepage — it only shows up once you're inside the docs, under Editor → AI. That gap between what's advertised up front and what's actually documented is worth knowing before you sign up expecting a dedicated "agents" product. Here's what the feature does, what it costs to run, and the setup steps that actually matter.

What you'll need

An account with Ycode, either self-hosted or on Ycode Cloud, plus an API key from at least one supported provider — Anthropic Claude, OpenAI, Google Gemini, or xAI Grok. You're billed by that provider directly for whatever the agent uses; Ycode itself doesn't add a markup or a separate AI fee on top. Bring a real task before you start, not a toy one: a page you actually need built, or a CMS collection you need populated, tells you far more about the agent than "make me a landing page" does. It also helps to already know your project's design system — colors, fonts, and any shared components — since the agent reuses those instead of inventing new styles.

Step-by-step: setting up Ycode AI Agents

1. Open Settings → AI in your project

Every AI connection lives in one place. This is where you add a provider key rather than anywhere in the page editor itself.

2. Add your API key and choose a scope

Paste in a key from Claude, ChatGPT, Gemini, or Grok. You can scope it as "shared with project," so teammates use the same key, or "only me," so it's tied to your account alone.

3. Pick which models to enable, and set a default

Ycode's docs list Claude (Opus 5, Sonnet 5, Fable 5), OpenAI (GPT-5.5 and GPT-5 Mini), Google's newest Gemini 2.x models, and Grok 4.5 and 4.3. Turn on whichever you're paying for and set one as the default for new chat sessions.

4. Open the chat panel and describe the change in plain English

Ask for a page, a CMS collection, or a component update in normal language — "add a pricing table with three tiers" or "create a blog collection with title, author, and date fields." The agent builds it directly on the canvas.

5. Review the draft before you publish

Nothing the agent touches goes live automatically. Check the result in draft mode, adjust anything that's off, and publish manually when it's ready.

Example prompts you can copy

These follow the pattern Ycode's own docs use for the agent — specific enough that it has no room to guess:

  • "Build a pricing section with three tiers: Free, Pro at $25/month, and Cloud at $30/month billed monthly. Use our existing color variables and button styles."
  • "Create a CMS collection called 'Case Studies' with fields for client name, industry, summary, and a featured image."
  • "Update the hero section's spacing so it matches the padding used on the About page, and make the heading responsive on mobile."
  • "Add a component for a testimonial card with a quote, name, and company logo, and make it reusable across pages."
  • "Rewrite the footer copy to mention our support hours, without changing the layout or links."

Common mistakes to avoid

The first mistake I'd flag: assuming "AI Agents" is a standalone product you sign up for separately. It's a feature inside the editor, gated behind Settings → AI, and the phrase itself only turns up in the docs, not the homepage — search for it expecting a dedicated pricing tier and you'll come up empty. Second, forgetting that you pay your AI provider directly. Ycode doesn't meter or bill AI usage itself, so a heavy day of agent prompts shows up on your Anthropic, OpenAI, Google, or xAI invoice, not a Ycode one. Third, vague prompts. "Make this page better" gives the agent nothing to work with; naming the exact section, field, or style gets a usable result on the first try. Fourth, skipping the draft review step because changes look right at a glance — the agent can only publish to draft, which is a safety net, but it only works if you actually read the diff before hitting publish. Fifth, not checking the per-minute rate limit before a big batch job — the docs cite roughly 30 requests per minute per user per project, which is plenty for normal editing but worth knowing if you're scripting a large content migration.

What Ycode costs to run

Ycode's core pricing is separate from AI usage, and it's simpler than most no-code builders: two tiers, both with no CMS item limit worth worrying about unless you're at real scale.

Plan Price CMS items Best for
Self-host $0/month Unlimited Developers who want full code access and their own infrastructure
Cloud $25/month (yearly) or $30/month (monthly) 20,000 max Teams who want managed hosting without server upkeep

Both plans include unlimited users, pages, form entries, and languages, per Ycode’s own site, checked July 28, 2026. AI usage rides on top of either plan, billed by whichever provider's key you connect — Ycode's documentation is explicit that the platform adds no AI surcharge of its own, per Ycode’s AI Agent docs, also checked July 28, 2026.

Tools that make this easier

If you're deciding which AI model to connect first, my how to use Claude AI guide covers signup and what the model handles well, since Claude is one of Ycode's four supported providers. For a broader look at picking a first AI account before you start wiring up API keys anywhere, kit for AI walks through what's actually worth setting up versus what to skip. If budget is the deciding factor on the Ycode side, free AI tools rounds up no-cost options worth trying before you commit to a paid Cloud plan or a metered API key. Small teams weighing whether a builder like this fits their size should start with best AI tool for small business, and anyone comparing this against SEO-focused site builders should check best AI tool for SEO optimization first. For how I vet claims like the ones in this piece before publishing, see how we test AI tools, and our AI tool ratings to compare this category against others.

My take

Ycode AI Agents does what it says: it edits real pages, CMS data, and components from plain instructions, and it stops short of publishing anything without a human sign-off. That draft-only guardrail is the right call for a tool that touches live CMS data. What holds it back from feeling like a dedicated "agents" platform is naming — the feature lives one settings screen deep, and you won't find it advertised on the homepage the way the phrase might suggest. If you already use Ycode for a site and have an API key lying around, it's worth turning on. If you're shopping specifically for an AI agent product and expected a standalone tool with its own pricing tier, adjust that expectation before you sign up.

Frequently Asked Questions

Is Ycode AI Agents free?

The feature itself has no separate Ycode fee — it's included with both the free Self-host plan and the $25–$30/month Cloud plan. You do pay for AI usage separately, through whichever provider's API key you connect: Claude, ChatGPT, Gemini, or Grok.

How long does it take to set up Ycode AI Agents?

About five minutes if you already have an API key ready. Add it under Settings → AI, pick a default model, and you can start prompting immediately. Getting a key from your chosen provider first can take a few extra minutes if you don't already have one.

What is the easiest way to use Ycode AI Agents well?

Bring a specific, real task instead of a vague one — name the exact page, field, or component you want changed. Then review the draft before publishing, since the agent never pushes changes live on its own.

Which AI models does Ycode support?

Per its documentation, Ycode connects to Anthropic Claude (Opus 5, Sonnet 5, Fable 5), OpenAI (GPT-5.5, GPT-5 Mini), Google's current Gemini models, and xAI Grok (4.5 and 4.3). You bring your own key for whichever you choose.

Does Ycode AI Agents publish changes automatically?

No. Every change lands in draft mode first. A person still has to review and publish manually, which is the main safeguard against an agent pushing a bad edit to a live site.