WebCake Storefront MCP
Provides image search capabilities via the Pexels API, allowing the AI to find stock photos for storefront pages.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@WebCake Storefront MCP Build a homepage for my coffee shop"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
English · Tiếng Việt
Describe a store page in plain words — your AI builds it, validates it, and publishes it to your WebCake storefront.
⭐ If this saves you an afternoon of dragging blocks around, give it a star — every star keeps a solo project alive.
"Build a page for my coffee shop — a hero with a Shop Now button, a product grid, and an order form. Save it and publish."
…and a real, editable page appears on your WebCake/StoreCake site. No dragging blocks, no learning the schema, no hand-writing JSON.
🧩 How it works
This server is the bridge between your AI assistant and your storefront. The AI never guesses what a page looks like — it asks this MCP, which knows the entire BuilderX component model, validates the result, and saves it.
You AI assistant webcake-storefront MCP WebCake / StoreCake
┌──────┐ prompt ┌────────────┐ tools ┌───────────────────────┐ API ┌──────────┐
│ idea │ ───────► │ Claude / │ ─────► │ • knows the BuilderX │ ───► │ a real │
│ │ │ Cursor / │ │ component model │ │ editable │
│ │ ◄─────── │ Windsurf │ ◄───── │ • builds + validates │ ◄─── │ page on │
└──────┘ live URL └────────────┘ result │ • saves + publishes │ │ your site│
└───────────────────────┘ └──────────┘You ask in plain language — goal, brand, sections, products, form fields.
The AI learns the model from the MCP: the element catalog, the CSS-grid layout, the breakpoints — so it builds a real storefront page, not a guess.
It assembles + validates the
{ sections: [...] }page source.validate_pagecatches duplicate ids, broken grids, and form fields without a name before anything is saved.It saves to your site — dry-run preview first, then for real — and
publish_sitemakes it live.You get the preview URL — open it, tweak in the editor, done.
Why it's reliable
📚 Knows the real model | Serves 130+ BuilderX component types (text, image, button, form, product grid, cart, countdown, gallery…) ported straight from the builder's own factory — the exact same shapes the editor produces. |
✅ Validates before saving | Structural checks (unique ids, valid grid, form fields with names, working event targets) so the page isn't broken when it lands. |
🛡️ Safe by default | Every write is dry-run first — preview the change, nothing touches your site until you confirm. |
✏️ Edits surgically | Ask for one change ("make the CTA green") and it edits only that element — every other id, style, and block stays exactly as it was. |
💡 Selling COD or online? It speaks the full commerce model too — products, variations, cart, orders, promotions, combos.
Related MCP server: WebCake Landing MCP
✨ What you can build
One sentence to your AI → a finished, editable storefront page:
Just say… | |
🛒 Product page | "A one-product page for my skincare serum — gallery, price, an order form with cart." |
🏬 Storefront home | "A homepage — hero banner, featured product grid, a newsletter form." |
⚡ Flash sale | "A flash-sale page — big countdown, discounted product grid, a sticky Buy button." |
🎟️ Event / webinar | "A registration page — countdown, agenda, a sign-up form." |
💌 Invitation | "A wedding invite — names, date, a map, an RSVP form." |
📰 Blog / content | "A blog index with featured posts and a subscribe box." |
🔗 Link-in-bio | "A link-in-bio — avatar, short bio, 5 link buttons, socials." |
…then "make the CTA green" or "add a 4th feature" and it edits only that block.
🤖 Works in Claude Desktop, Claude Code, Cursor, Windsurf, VS Code, or any MCP-capable client — and the build guide + element catalog tools need zero backend calls, so you can explore the model before pasting a token.
Under the hood
An MCP (Model Context Protocol) server that teaches AI agents the WebCake/StoreCake storefront builder
(BuilderX) component model and connects them to the backend. The AI produces the full { sections: [...] }
page source; build_page creates the page and saves it, and publish_site makes the whole site live.
Beyond page authoring, it exposes your real store: pages & custom code, products, orders, collections, blog articles, promotions, combos, themes, customers, and automation — ~280 tools in total.
Method | Best for | Auth |
npx (local) — runs on your machine | Personal daily use, full control | browser |
Remote ( | Teams, the claude.ai dialog, always-on |
|
The build + catalog tools (get_build_guide, list_elements, get_element, new_section,
validate_page) work with zero config; everything that reads or writes your site needs a token + session.
🚀 Get connected
Pick one. Both hand your AI tool the full storefront toolkit. No coding.
① npx — runs on your machine (recommended)
Zero install, always the latest version, needs Node.js 18+. One line connects your account and configures your AI apps:
# Opens the browser — click Connect, your installed IDEs are configured (prod)
npx -y webcake-storefront-mcp install
# Developers only — step by step: environment, login or token, IDE(s)
npx -y webcake-storefront-mcp install --dev
# Scripts and CI — every supported IDE, even ones not installed yet
npx -y webcake-storefront-mcp install --ide all --token <token> --session <session-id>
# Remove the server from every IDE config
npx -y webcake-storefront-mcp uninstallinstall asks nothing. It connects to production, opens your browser so you can click Connect, then adds the server
to every AI app it finds on this computer. Your other servers are kept, and any config file it changes is backed up next to
the original as <file>.webcake-storefront-backup. No AI app found? It says so and exits with an error: install one and run it again,
or name it with --ide.
Need staging or local? --dev opens the step-by-step wizard, or skip it with --env staging / --env local.
Installed with an older version? Run
installagain. Older versions wrote VS Code's config under the wrong key, so the server never appeared there, and registered Claude Code for the current folder only.
Targets for --ide: claude-desktop, claude-code, cursor, windsurf, vscode, codex, antigravity, gemini, cline, kiro, opencode, or all.
Just want to run the server (configure by hand)? npx -y webcake-storefront-mcp.
② Reconnect your account — no token copy/paste
npx -y webcake-storefront-mcp logininstall already does this the first time. Use login when your token expires: it opens the builder's connect page, you click Connect, and your token + session are saved locally and picked up automatically.
Remote URL — self-hosted, nothing per-client to install
npx -y webcake-storefront-mcp serve --port 8787Then point any client at http://<host>:8787/mcp?jwt=<TOKEN> (clients that support headers can send
x-webcake-jwt instead; pick the site in chat with switch_site). Server-side secrets like PEXELS_API_KEY
live on the host — handy on a VPS.
⚠️ A
?jwt=link contains your personal token — treat it like a password and use HTTPS in production.
⚙️ Configuration
Two values are required: WEBCAKE_TOKEN (Bearer JWT) and WEBCAKE_SESSION_ID (sent as
x-session-id). You pick the site at runtime — just ask in chat and the AI calls list_my_sites /
switch_site (your choice is saved and reused next session), so no WEBCAKE_SITE_ID is needed.
Base URLs come from a named environment — set WEBCAKE_ENV (or --env) and you never type a URL:
| api | app (login) | preview |
|
|
|
|
|
|
|
|
|
|
|
|
Override a preset with WEBCAKE_API_URL / WEBCAKE_APP_URL. Optional, configured server-side:
PEXELS_API_KEY (search_images). Token / session / site can also be set
in chat via update_auth and switch_site — saved to a local config file at ~/.webcake-storefront-mcp/.
Open the WebCake builder and log in.
Open DevTools (
F12) → Network tab → click any API request.In Request Headers:
Authorization: Bearer …→WEBCAKE_TOKEN;x-session-id: …→WEBCAKE_SESSION_ID.No site id needed up front — in chat, run
list_my_sitesthenswitch_siteto choose the site (remembered next time).
🧰 The tools at a glance
~280 tools. The headline group builds pages; the rest read and edit your live store.
Group | Tools | Needs |
Build a page |
| catalog tools: nothing |
Media & ingest |
| — |
Pages & code |
| token + session |
Commerce | products · orders · collections · promotions · combos | token + session |
Content & store | blog articles · themes / site style · apps · customers · | token + session |
Backend code | HTTP-function CRUD ( | token + session |
Context |
| token |
Site plans |
| token |
Every write defaults to dry_run=true — it previews the exact change and only touches your site when you re-run with dry_run=false.
💬 Suggested prompt
Build me a WebCake storefront page for <brand/offer>. Use the webcake-storefront MCP: call
get_build_guide,list_elements, build the sections withnew_section,validate_pageuntil zero errors, thenbuild_page(dry-run first) andpublish_site.
⭐ Like the idea? Drop a star
This is a solo, open-source project — every ⭐ genuinely keeps it moving and helps other builders find it.
⭐ Star the repo — 2 seconds, huge motivation.
🐛 Open an issue — a bug, a missing component, or just an idea.
🔁 Share it with anyone still building store pages block by block.
Built with ❤️ for the WebCake community. Thanks for being here.
Available Tools
132 toolsadd_draft_sectionAInspect
Append ONE section to a local page draft (NO network — this is the durable per-section cache step that can't time out). The section is re-id'd to avoid collisions and quick-validated; warnings are surfaced but never block. Build the section with new_section.
Inputs: draft_id (required), section.
add_sectionAInspect
Append a section to an EXISTING page's source. Reads the current source, appends your section, validates, and (when dry_run=false) saves. The section is re-id'd to avoid collisions. Pass a section built with new_section, OR template:{ category_id, id } to insert a library section (list_section_templates). Two-step safety: dry_run=true (default) previews; dry_run=false saves.
Inputs: page_id (required), dry_run, section, template.
append_site_custom_codeAInspect
Append or prepend code to a custom code field. LAST RESORT: use native elements, their settings or an app first; a special feature uses the CMS app (collection + HTTP function) with only a small glue script here. See get_build_guide → NATIVE FIRST. Oversized code or UI/data in code is refused unless native_gap explains why. For full rewrites, use update_site_custom_code instead.
Inputs: code (required), field (required), position, native_gap.
build_pageAInspect
Create a brand-new page AND set its full content source in one step. Two-step safety: call with dry_run=true (default) to validate and preview, then dry_run=false to actually create + save. The source must be { sections: [...] } — build sections with new_section. Validation errors block the real save. ONE page per site for type main (homepage) / error / maintain, and slugs are unique per site: a duplicate is refused (dry_run reports blocked:true) and you get the existing page_id to edit instead. Only 'custom' pages can be created over and over.
Inputs: name (required), slug (required), seo, type, +3 more.
clear_page_draftADestructiveInspect
Delete a local page draft (does NOT delete any backend page already created from it).
Inputs: draft_id (required).
commit_page_draftAInspect
Persist a local page draft to the backend INCREMENTALLY (one section per request, 120s timeout each) so no single huge request can time out. dry_run=true (default) validates the assembled page and previews stats. dry_run=false creates the page then appends sections one at a time, saving progress after each. RESUMABLE: if a request fails mid-commit, the draft keeps its page_id + committed_count — just call commit_page_draft again to continue from where it stopped.
Inputs: draft_id (required), dry_run.
count_orders_by_statusARead-onlyInspect
Get order count grouped by status. Useful for dashboard overview
Inputs: no named parameters.
create_articleAInspect
Create a blog article so blog/post pages (post-list, grid-blog, post-overlay) have content. Built via the dashboard command pipeline: title + optional summary, HTML content, image URLs, and category linkage. Pass category_ids from create_blog_category / list articles' categories so the post shows up under those categories (it is also auto-filed under the default category). Image URLs must be hosted (search_images / upload_images). The backend generates the id and slug. SEO: set it afterwards with update_article({ id, seo }).
Inputs: name (required), images, content, summary, +1 more.
create_blog_categoryAInspect
Create a blog/article category. Returns the new category id — pass it to create_article's category_id so posts are grouped (post-list / blog pages bind to it). Image must be a hosted URL. SEO: set it afterwards with update_blog_category({ id, seo }).
Inputs: name (required), image, description.
create_cms_fileBInspect
Create a new CMS file. Types: "http_function", "jobs_config", "default"
Inputs: name (required), content (required), type.
create_collectionAInspect
Create a new collection (custom data TABLE). It starts with the system columns (id/inserted_at/updated_at/creator_id); pass columns to add custom fields. NOTE: to WRITE records into it, use an HTTP function (webcake-data: db.model(table).create({...})) — the dashboard has no direct record-insert API. See get_http_function for the SDK guide.
Inputs: name (required), columns, table_name.
create_global_sectionAInspect
Create a reusable global section (Header / Footer / shared block) the way the builder does: persists a global_section record AND embeds the same section node into page sources so it actually renders across the site (header → top of every page, footer → bottom). Build the section first with new_section (give it a real bg/padding + logo/menu/links), then pass it here. Two-step safety: dry_run=true (default) previews which pages change; dry_run=false performs the atomic save.
Inputs: name (required), type (required), dry_run, section, +1 more.
create_global_sourceCInspect
Create a new global source component. Component types: "cart-droppable" (cart), "popup", or any custom type.
Inputs: component (required), type, source.
create_pageAInspect
Create a new (empty) page. For a page with content use build_page instead. type is a KIND (main/store/member/blog/custom/error/maintain) mapped to the numeric backend type; pass seo so it doesn't publish with an empty title. ONE page per site for main (homepage) / error / maintain, and slugs are unique per site — a duplicate is refused with the existing page_id to edit instead; only 'custom' pages can be created over and over.
Inputs: name (required), slug (required), seo, type, +1 more.
create_productAInspect
Create a product so the storefront has real merchandise (grid-product / slider-product bindings need this). Simple use: pass name + price (+ images, category_ids). One default variation with the price/stock is created for you. Advanced use: pass attributes (e.g. Color/Size) + variations for a multi-SKU product. Images must be HOSTED URLs — get them from search_images or upload_images first. The backend generates id, slug and publishes the product. SEO: set it afterwards with update_product({ product_id, seo }).
Inputs: name (required), sku, price, stock, +7 more.
create_product_categoryAInspect
Create a product category (so grid-category / a category page has something to show, and products can be filed under it). Returns the new category id — pass it to create_product's category_ids. Image must be a hosted URL. SEO: set it afterwards with update_product_category({ id, seo }).
Inputs: name (required), image, parent_id, description.
create_siteAInspect
Create a brand-new storefront site for the current account, then (by default) switch to it and return an EMPTY, CLEAN site (no sample products/categories) ready for element composition. The backend auto-seeds off-theme sample products + categories (and a sample blog); by default this tool DELETES that seed right after creating the site (keep the non-deletable default "All" category) so you start from a blank, on-theme store. Pass keep_seed:true to keep the sample data. The site has NO pages — after this, compose a homepage from elements: get_build_guide → new_section/new_element → build_page (type:'main', is_homepage:true). Note: free accounts are limited to 4 sites (creation fails with a quota error past that).
Inputs: name (required), slug (required), keep_seed, switch_to.
create_site_from_templateAInspect
Create a NEW site from a marketplace TEMPLATE (the dedicated "use this template" API). Clones the template's pages, global sections, cart, popups, styles and fonts into a fresh site. Pick a template with semantic_search_themes / list_template_themes, then pass its theme_id here. Switches to the new site so you can immediately edit layout/content with update_page_element(s), colours/fonts via the site-style tools, then publish_site.
Inputs: name (required), theme_id (required), slug, switch_to.
debug_functionAInspect
Run JS code in debug mode (without deploying). Returns execution result and console logs
Inputs: content (required), function_name (required), params.
delete_articleADestructiveInspect
Delete blog articles (soft delete — they disappear from the site)
Inputs: id, ids.
delete_collectionADestructiveInspect
Delete a collection (table) and all its records by id. Irreversible.
Inputs: collection_id (required).
delete_global_sectionADestructiveInspect
Delete a global section (Header/Footer/block) and remove its node from every page source. Two-step safety: dry_run=true (default) shows which pages would change; dry_run=false performs the atomic save.
Inputs: section_id (required), dry_run.
delete_global_sourceBDestructiveInspect
Delete a global source and its published version
Inputs: global_source_id (required).
delete_pageCDestructiveInspect
Delete a page
Inputs: page_id (required).
delete_productBDestructiveInspect
Delete one or more products by id.
Inputs: product_ids (required).
delete_product_categoryBDestructiveInspect
Delete one or more product categories by id.
Inputs: ids (required).
edit_http_functionAInspect
Edit the HTTP function file by function name — best for targeted changes (fix a bug, rename, add one function). For writing multiple new functions or major refactors, use update_http_function with full content instead. Actions:
"replace_function": replace an ENTIRE function by name with new code. Server finds function boundaries automatically.
"add": append new function code at end of file.
"remove": remove a function by name.
"update_imports": replace the import block (lines before first export). Returns updated function list after edit.
Inputs: action (required), code, function_name.
find_customerCRead-onlyInspect
Find a customer by ID, phone number, or email
Inputs: by (required), value (required).
get_active_promotionsARead-onlyInspect
Get all currently active promotions (is_activated=true and within start_time/end_time range)
Inputs: no named parameters.
get_appARead-onlyInspect
Get one installed app by its type code (returns null if not installed). App type codes: 0=product_review, 1=articles_review, 2=automation, 3=telegram, 4=affiliates, 5=multilingual, 6=appointment, 7=send_email, 8=botcake, 9=sale_channel, 10=product_design, 11=auth_otp, 12=personal_product_design, 14=course, 15=zalo_mini_app, 16=cms, 17=recaptcha, 18=pwa. You may pass the number or the name.
Inputs: type (required).
get_articleBRead-onlyInspect
Get article details by ID (includes the full HTML content)
Inputs: id (required).
get_build_guideARead-onlyInspect
Get the BuilderX page authoring guide: page shape, the grid layout model, styling, breakpoints, forms/data, and the build workflow. Read this before building or heavily editing a page.
Inputs: no named parameters.
get_collectionBRead-onlyInspect
Get a specific collection's details including full schema (field names, types, constraints, references) and records
Inputs: id (required).
get_combo_itemsBRead-onlyInspect
Get items (products/variations) and bonus products that compose a combo. Returns combo_items (required items with count) and bonus_items (free gifts)
Inputs: combo_product_id (required), is_variation_bonus.
get_current_contextARead-onlyInspect
Show current connection context: which site_id, API URL, session, and account info. Call this first to confirm you're working on the right site
Inputs: no named parameters.
get_elementARead-onlyInspect
Get the full detail of an element type: category, container flag, summary, an ATTRIBUTES reference (the meaningful specials/config keys + their purpose/allowed values, events, and dataset binding targets), and a live skeleton node (the authoritative default shape) you can copy and edit. Read this before authoring/editing an element so you set the right keys.
Inputs: type (required).
get_file_versionsARead-onlyInspect
View version history of a CMS file. Each version includes its saved content — to restore, pass that content back to update_http_function (the http_function file) or update_cms_file, or use restore_file_version.
Inputs: cms_file_id (required).
get_global_sectionARead-onlyInspect
Get one global section as a COMPACT tree (3-5x fewer tokens than raw JSON). Each line: ID [type] "text" .class [Nbind] [Nev] (children_count). Use this to learn how a real Header/Footer/block is composed before building your own.
Inputs: global_section_id (required), raw.
get_global_section_elementARead-onlyInspect
Get full detail (style, config, specials, events, bindings, responsive bp1..bp4, children IDs) of a single element inside a global section.
Inputs: element_id (required), global_section_id (required).
get_global_source_contentsBRead-onlyInspect
Get multilingual contents for global sources by component type
Inputs: component (required).
get_global_source_detailARead-onlyInspect
Get full detail of a global source — compact tree view showing all elements. Each line: ID [type] "text" .class [events] [bindings] (children_count). Provide component for faster lookup; omit if you already called list_global_sources.
Inputs: global_source_id (required), component.
get_global_source_elementBRead-onlyInspect
Get full detail of a single element (style, config, specials, events, bindings, responsive, children).
Inputs: element_id (required), global_source_id (required), component.
get_http_functionARead-onlyInspect
Get the main HTTP function file. Choose the right mode for your task:
overview=true: function names + line ranges only, NO code body. Use for: browsing, understanding structure, finding which function to read.
overview=false (DEFAULT): full code + collection schemas. Use for: writing new features, refactoring, understanding full context. Tip: for small fixes, use overview first then get_http_function_snippet to read just that function. Add include_guide=true on first call to get the coding guide
Inputs: overview, include_guide.
get_http_function_snippetARead-onlyInspect
Read specific function(s) by name. Much more token-efficient than reading the full file
Inputs: function_names (required).
get_intake_guideARead-onlyInspect
Get the INTAKE questionnaire + build flow to run BEFORE creating a new site/store/page. Call this at the start of any fresh build: ask the user this one short batch (plain words, with defaults), restate the plan, get a yes, THEN build. Skip only for tiny edits, data questions, or when the user already gave the brief / says 'just do it'.
Inputs: no named parameters.
get_orderARead-onlyInspect
Get full order details by ID: customer info, items, payment, shipping, discounts, etc.
Inputs: id (required).
get_page_draftARead-onlyInspect
Inspect a local page draft: its meta, the section ids, total section count, and (if a commit is in progress) the page_id + committed_count.
Inputs: draft_id (required).
get_page_elementARead-onlyInspect
Get full detail of a single element by its ID (e.g. 'TEXT-3', 'BUTTON-1', 'SECTION-2'). Returns style, config, specials, events, bindings, responsive, and children IDs
Inputs: page_id (required), element_id (required).
get_page_schemaARead-onlyInspect
Get the authoritative JSON Schema (Draft 2020-12) for a page source { sections: [...] } — the structural contract for every node (id/type/specials/runtime{style,config}/children/events/bindings) in the CSS-grid model. Use it as the shape to emit; validate_page enforces the semantic rules.
Inputs: no named parameters.
get_page_sourceARead-onlyInspect
Get page source overview: section count, element type counts, and all custom CSS classes. Use this first, then use search_page_elements to find specific elements
Inputs: page_id (required).
get_page_versionsCRead-onlyInspect
View version history of a page
Inputs: page_id (required).
get_productARead-onlyInspect
Get full product details by ID: name, description, price, variations, images, attributes, SEO, etc.
Inputs: id (required).
get_promotionARead-onlyInspect
Get full promotion details by ID: name, type, schedule, discount rules, coupon settings, items, bonus products, etc.
Inputs: id (required).
get_promotion_itemsARead-onlyInspect
Get products/variations/categories attached to a promotion. Returns items with discount details (fixed_prices, level_info, coupon_item_info)
Inputs: id (required), page, limit.
get_site_custom_codeARead-onlyInspect
Get custom code of the site (CSS/JS). Two modes:
Default: returns ALL 4 code fields (full content)
With field filter: returns only the specified field(s) — saves tokens when you only need CSS or JS Add include_guide=true on first call to get the coding guide. Custom code is the last resort: see get_build_guide → NATIVE FIRST before adding any. All-fields reads include _budget (usage vs limits).
Inputs: fields, include_guide.
get_site_infoARead-onlyInspect
Get full site information: name, domain, settings (colors, typography, layout, language, payment methods, etc.) and preview_img — the latest homepage screenshots (1920_1080 desktop / 430_932 mobile), refreshed after publish_site.
Inputs: no named parameters.
get_source_cartARead-onlyInspect
Get all cart global sources with compact tree view. Shows full element hierarchy — no need to call get_global_source_detail separately.
Inputs: no named parameters.
ingest_htmlARead-onlyInspect
Parse reference HTML (e.g. a Google Stitch / Figma / Codex export) into a structural blueprint (title, headings, paragraphs, images, buttons, colour palette) you can rebuild as native BuilderX sections with new_section. Not a 1:1 clone. Rebuild every part native elements can do; use an embed only for a piece no element can (third-party widget, custom animation) — never paste the whole HTML into one (sandboxed iframe: no SEO, broken links, dead forms; rejected on save).
Inputs: html (required).
ingest_urlARead-onlyInspect
Fetch a public URL and parse it into a structural blueprint (see ingest_html). Note: client-rendered (React/Vue) pages may return little content.
Inputs: url (required).
install_appAInspect
Install (register) an application on the current site so its features become usable. For example, automations need the "automation" app installed first. App types: 0=product_review, 1=articles_review, 2=automation, 3=telegram, 4=affiliates, 5=multilingual, 6=appointment, 7=send_email, 8=botcake, 9=sale_channel, 10=product_design, 11=auth_otp, 12=personal_product_design, 14=course, 15=zalo_mini_app, 16=cms, 17=recaptcha, 18=pwa.
Inputs: app (required), is_active.
invoke_read_toolARead-onlyInspect
Run a READ-ONLY WebCake tool (list_*/get_*/search_*/count_*… — annotations.readOnlyHint in search_tools) by exact name with its arguments. Prefer this over invoke_tool for lookups. Refuses tools that change data.
Inputs: name (required), arguments.
invoke_toolAInspect
Run any WebCake tool by exact name with its arguments (discover names + schemas via search_tools). Arguments are validated before running. For read-only tools prefer invoke_read_tool.
Inputs: name (required), arguments.
list_appsARead-onlyInspect
Which applications are installed / enabled on the site — and which are not — in ONE call. Returns installed[] (id, type, name, enabled) plus not_installed[] (app names). Do NOT call get_app per type to answer "which apps are on"; use get_app only for one app's settings. App type codes: 0=product_review, 1=articles_review, 2=automation, 3=telegram, 4=affiliates, 5=multilingual, 6=appointment, 7=send_email, 8=botcake, 9=sale_channel, 10=product_design, 11=auth_otp, 12=personal_product_design, 14=course, 15=zalo_mini_app, 16=cms, 17=recaptcha, 18=pwa.
Inputs: no named parameters.
list_articlesARead-onlyInspect
List blog articles (metadata only, without HTML content). Use get_article for the full content. Pass term to search by title/slug. Pass category_id to list the posts filed under one blog category — that view is the public one, so hidden posts and posts scheduled in the future are left out.
Inputs: page, term, limit, category_id.
list_bindingsARead-onlyInspect
List every dynamic-data BINDING target: the datasets (product, cart_item, order, order_item, post, category, customer, customer_address, …) and their exact field names ('product::product_price', …), which page type each needs (store/member/blog), and how repeater children (grid-product, cart-items, post-list) bind per-item. Attach via new_element opts.bindings (ids auto-minted, e.g. opts.bindings=[{ target:'product::product_price' }]).
Inputs: no named parameters.
list_cached_resultsARead-onlyInspect
List the large results currently held in the session cache (id, label, size, age).
Inputs: no named parameters.
list_categoriesBRead-onlyInspect
List all product categories of the site
Inputs: no named parameters.
list_cms_filesBRead-onlyInspect
List all CMS files (HTTP functions, cron jobs, ...) for the site
Inputs: no named parameters.
list_collectionsARead-onlyInspect
List all database collections (tables) for the site. Returns collection names, table names, and field counts. Use get_collection for full schema details
Inputs: page, term, limit.
list_combosARead-onlyInspect
List all combo/bundle products of the site. Use get_combo_items for combo composition details
Inputs: page, term, limit, include_guide.
list_customersARead-onlyInspect
List/search the site's customers (browse or segment). Pass term to search by name/phone/email. Returns name, phone, email, order_count, purchased_amount, reward_point, tags, last_order_at. Use find_customer for an exact id/phone/email lookup.
Inputs: page, term, limit.
list_elementsARead-onlyInspect
List all BuilderX element/component types you can place on a page, grouped by category with a one-line summary and whether each is a container.
Inputs: no named parameters.
list_eventsARead-onlyInspect
List every interaction EVENT you can attach to a node: the triggers (eventName: click/hover/success/submit/…) and the actions (open_page, scroll_to, toggle, open_popup, add_to_cart, buy_now, phone_call, open_link, …) with the exact extra fields each action needs. Attach via new_element/new_section opts.events (ids are auto-minted, e.g. opts.events=[{ action:'add_to_cart', open_page:'cart' }]).
Inputs: no named parameters.
list_global_sectionsARead-onlyInspect
List reusable global sections (Header, Footer, shared content blocks) — SLIM summary only. Each entry: id, name, slot (header/footer/block), element count + type histogram + custom classes. The full element tree is large, so it is NOT returned here — drill in with get_global_section (compact tree), search_global_section_elements, or get_global_section_element.
Inputs: no named parameters.
list_global_sourcesARead-onlyInspect
List global sources (cart, popup, etc.). Returns compact summary per source. Always provide component to filter by type — the API may not return all types without a filter.
Inputs: component.
list_my_sitesARead-onlyInspect
List the current account's PERSONAL sites (team sites are not included). Use this to find a site_id before switching. filter: "all" = active sites (default), "removed" = sites in trash. Each site has status, published_at (set at creation — not proof of publishing), slug, primary domain and has_custom_domain (verified, live, non-default domain). For plans use get_site_subscription / count_my_sites.
Inputs: page, term, limit, filter.
list_ordersARead-onlyInspect
List orders of the site (metadata only). Use get_order for full details including items
Inputs: page, limit, status.
list_page_contentsARead-onlyInspect
List multi-language contents (translations) of the site's pages and global sections. Pass page_id + language_code to read one page's translation.
Inputs: page_id, language_code.
list_page_draftsARead-onlyInspect
List local page drafts for the current site (summaries only: id, name, slug, type, section count, commit progress, updated_at).
Inputs: no named parameters.
list_pagesARead-onlyInspect
List all pages of the site (metadata only, without source)
Inputs: no named parameters.
list_productsARead-onlyInspect
List products of the site (metadata only: id, name, slug, price, image, status). Use get_product for full details
Inputs: page, term, limit.
list_promotionsARead-onlyInspect
List ALL promotions/discounts of the site (every page is fetched for you). Each row has id, name, type, is_activated, pos_id (non-null = linked/synced with POS), start/end time. The summary answers "how many promotions / how many synced with POS / how many active" in ONE call — do not call get_promotion per row for that. Use get_promotion only for one promotion's full rules.
Inputs: include_guide.
list_section_templatesARead-onlyInspect
Browse the designer-made section library (the editor's template picker): ready, styled blocks (hero, product showcase, testimonials, footer…) to start from instead of composing from scratch. No args → categories. With category_id and/or term → templates { id, name, thumbnail, kind }. Look at a thumbnail with invoke_tool('read_image', { url }), then insert a kind:"section" template with add_section({ page_id, template:{ category_id, id } }) and restyle it to the brand.
Inputs: page, term, limit, category_id.
list_template_themesARead-onlyInspect
Search/list the public Webcake template marketplace (api.storecake.io). Use to match customer brief against existing templates by keyword. Returns id, name, preview_url, thumbnail, categories
Inputs: q, lang, page, limit.
list_themesARead-onlyInspect
List all custom themes of the site. Returns theme name, colors, typographies, transitions, and which one is active
Inputs: no named parameters.
list_tool_groupsARead-onlyInspect
List every WebCake tool group, how many tools it has, and whether it is loaded natively or reached on-demand via search_tools + invoke_tool.
Inputs: no named parameters.
new_elementARead-onlyInspect
Build a single structurally-valid element node from the real builder factory. Returns the node — edit its specials/style, then place it in a section's children.
Inputs: type (required), opts.
new_page_skeletonARead-onlyInspect
Return an empty but valid page source: { sections: [] }. Add sections built with new_section, then save with build_page.
Inputs: no named parameters.
new_rowARead-onlyInspect
Build a multi-column ROW container: children laid out SIDE BY SIDE (not stacked). This is how real pages build feature cards, category tiles, footer columns, a 2-col hero, etc. The row is RESPONSIVE — it auto-collapses to fewer columns on tablet/mobile (default tablet 2, mobile 1) so cards never become cramped slivers. Place the returned node as a child inside a section (section children still stack vertically; nest a row for horizontal layout). Example children: [{ "type":"container", "children":[{"type":"image","opts":{...}},{"type":"text","opts":{...}}] }, { ... }, { ... }]
Inputs: row_gap, children, collapse, col_widths, +2 more.
new_sectionBRead-onlyInspect
Build a complete section node with children laid out in the builder's vertical grid. Pass an array of element specs; each child is stacked top-to-bottom. Nest containers via the child's own 'children'. Example children: [{ "type":"text", "opts":{"text":"Welcome","style":{"fontSize":"40px"}} }, { "type":"button", "opts":{"text":"Shop now"} }]
Inputs: children, section_opts.
publish_siteAInspect
Publish the whole site live — snapshots all current page sources into the live (published) version. Note: BuilderX publishes at the SITE level, not per page; publishing makes every saved page go live. Two-step safety: dry_run=true (default) describes what will happen; dry_run=false actually publishes.
Inputs: dry_run.
query_collection_recordsBRead-onlyInspect
Query records from a collection (custom data table) by table name. Supports paging + an optional where filter and order_by sort. (Uses the CMS api-key auth the records endpoint requires.)
Inputs: table_name (required), page, limit, where, +1 more.
read_cached_resultARead-onlyInspect
Read a slice of a large cached result produced by another tool (look for "cached":true + a cache_id in its output). Page through with offset/length; the response reports next_offset + remaining_chars until done.
Inputs: cache_id (required), length, offset.
restore_file_versionAInspect
Roll a CMS file back to a saved version in one step: reads the version's content and writes it back to the file. Omit version_id to restore the most recent snapshot. Tip: save_file_version on the current content first if you want an undo point.
Inputs: cms_file_id (required), version_id.
run_functionBInspect
Run a deployed HTTP function. function_name excludes method prefix. Example: "get_Products" → function_name="Products", method="GET"
Inputs: function_name (required), method, params.
save_file_versionAInspect
Save a version snapshot of a CMS file for rollback
Inputs: content (required), cms_file_id (required), is_public.
search_global_section_elementsARead-onlyInspect
Search/filter elements within a global section (Header/Footer/block) without dumping the whole tree. Filter by type, id substring, custom_class, text, or has_bind / has_events / has_custom_class.
Inputs: global_section_id (required), id, text, type, +5 more.
search_global_source_elementsBRead-onlyInspect
Search/filter elements within a global source. No component param needed. Examples:
Find all buttons: type="button"
Find by class: custom_class="hero"
Find text: text="subscribe"
Data-bound only: has_bind=true
With events: has_events=true
With custom class: has_custom_class=true
Inputs: global_source_id (required), id, text, type, +6 more.
search_imagesARead-onlyInspect
Search stock photos (Pexels) for a page/product. IMPORTANT: the storefront only renders images served from the WebCake CDN (image domains are whitelisted) — raw Pexels URLs will NOT display. By default this re-hosts each result on the WebCake CDN and returns a ready-to-use cdn_url (cached, so repeats are free). Use cdn_url for image src / product images. Requires the PEXELS_API_KEY environment variable.
Inputs: query (required), upload, per_page, orientation.
search_page_elementsARead-onlyInspect
Search/filter elements within a page source. Returns matching elements with full detail (id, type, style, text, classes, etc.). Examples:
Find all buttons: type="button"
Find elements with custom class: custom_class="hero"
Find text containing "subscribe": text="subscribe"
Find all data-bound elements: has_bind=true
Find all elements with events: has_events=true
Find all elements with custom CSS classes: has_custom_class=true
Inputs: page_id (required), id, text, type, +5 more.
search_productsBRead-onlyInspect
Search products by keyword. Returns matching products with basic info
Inputs: term (required), page, limit.
search_promotionsARead-onlyInspect
Search/filter ALL promotions (every page): by keyword, type, time status (coming_soon/in_progress/finished), active flag. Rows carry pos_id (non-null = synced with POS)
Inputs: term, type, status, is_activated.
search_toolsARead-onlyInspect
Find WebCake tools by keyword across the FULL catalog — including capabilities NOT loaded natively (marketing/CRM, translations, media, appointments, affiliate, reviews, domains/SEO/shipping, brands/tags/ribbons, courses, sale channels, automation…). Returns name, group, description and JSON input schema. Then run one with invoke_read_tool (read-only) or invoke_tool.
Inputs: query (required), group, limit.
semantic_search_themesARead-onlyInspect
Semantic search across the theme marketplace using bge-m3 embeddings (cosine similarity). Use when the brief is a natural-language description of industry + features (e.g. 'website mỹ phẩm có popup minigame và loyalty'), not just keywords. Returns top matches with theme_id, score, name, preview_url, thumbnail, description_vi/en
Inputs: query (required), limit.
set_product_publishedAInspect
Publish or unpublish one or more products quickly (without a full update).
Inputs: product_ids (required), is_published (required).
start_page_draftAInspect
Start a page draft (no network). Build a multi-section page safely: cache each section with add_draft_section, then commit_page_draft persists it to the backend INCREMENTALLY (resumable on timeout). Use this instead of build_page for large/multi-section pages. The draft cache is DISPOSABLE (Redis on the remote server when REDIS_URL is set, in-memory otherwise; sliding ~2h TTL) — if a draft is ever lost, just re-send the sections, never a failure. ONE page per site for type main (homepage) / error / maintain, and slugs are unique per site: the draft is refused up-front with the existing page_id to edit instead. Only 'custom' pages can be created over and over.
Inputs: name (required), slug (required), seo, type, +1 more.
switch_siteAInspect
Switch to a different site by site_id. All subsequent tool calls will target the new site. The choice is saved to local database — next session will auto-connect to this site. Use list_my_sites first to find the site_id
Inputs: site_id (required).
toggle_confirm_modeAInspect
Toggle update confirmation mode. Controls whether update tools ask for user confirmation before saving.
"always_confirm" (default): Shows diff first, requires user approval before saving. Safer.
"auto_apply": Applies changes immediately without preview. Faster but riskier. Current mode is saved to database and persists across sessions.
Call this tool when the user says things like: → "tự động xác nhận" / "auto confirm" / "không cần hỏi" / "don't ask" / "apply directly" → mode: "auto_apply" → "hỏi trước khi lưu" / "luôn hỏi" / "always ask" / "confirm before saving" / "xác nhận trước" → mode: "always_confirm"
Inputs: mode (required).
toggle_debug_renderCInspect
Toggle debug render mode for a CMS file
Inputs: cms_file_id (required).
uninstall_appADestructiveInspect
Uninstall (remove) an installed application from the current site.
Pass the app's subscription id — get it from list_apps (the id field) or get_app.
Inputs: id (required).
update_appAInspect
Update an installed app's configuration. Pass the app subscription id and an attrs object
that is merged onto the subscription — usually { settings: {...} }, optionally { status }.
For the product-review app, prefer update_app_review (it also propagates shop_info).
Inputs: id (required), attrs (required).
update_app_reviewAInspect
Update the product-review app's settings (e.g. shop_info, auto-approve, display options).
Pass the review app's subscription id (get_app with type "product_review") and the full settings object.
Inputs: id (required), settings (required).
update_articleAInspect
Update a blog article. Only the fields you pass are changed — each one becomes a command in the same dashboard pipeline create_article uses. NOTE: renaming regenerates the slug, so pass slug in the SAME call if you want a custom one (it is applied after the rename).
Inputs: id (required), seo, name, slug, +8 more.
update_authAInspect
Update authentication credentials. All values are saved to local database — next session auto-restores them. Get token and session_id from browser DevTools → Network tab → copy from any API request headers
Inputs: token, api_url, session_id.
update_blog_categoryAInspect
Update a blog/article category (name, description, image, slug, SEO). Pass id + fields to change.
Inputs: id (required), seo, name, slug, +2 more.
update_cms_fileBInspect
Update the code content of an existing CMS file
Inputs: id (required), content (required), name.
update_collection_columnsAInspect
Add or change a collection's custom columns. Reads the current schema, then PATCHes it with the system columns + your custom columns (the PATCH replaces the whole schema, so omitting a column drops it).
Inputs: columns (required), collection_id (required).
update_global_sourceAInspect
Replace full source of a global source. IMPORTANT: Before calling this tool, you MUST:
Read existing source with get_global_source_detail first
Show the user what will change and get explicit confirmation
NEVER call without user approval — this replaces the ENTIRE source Safeguarded: blocks if new source is <50% of existing size. For element-level changes, prefer update_global_source_element instead.
Inputs: global_source_id (required), source, allow_shrink.
update_global_source_contentsAInspect
Update multilingual contents (upsert). Each entry: global_source_id, language_code, content. IMPORTANT: Before calling, you MUST read existing contents with get_global_source_contents first, then show the user what will change and get explicit confirmation. NEVER update without user approval.
Inputs: contents (required).
update_global_source_elementAInspect
Update a single element within a global source. Two-step process: STEP 1: Call with dry_run=true (default) → returns diff of what will change. STEP 2: Show the diff to the user and ask for confirmation. NEVER proceed without explicit user approval. STEP 3: Only after user confirms, call again with dry_run=false to apply. IMPORTANT: You MUST show the diff to the user and get explicit "yes/ok/confirm" before calling with dry_run=false. Skipping confirmation risks data loss. Merge rules: style/config/specials = shallow merge, responsive = merge by bp key. events/bindings = REPLACE the whole array — pass the COMPLETE list (read it first); entries are auto-normalized (id + eventName filled in).
Inputs: element_id (required), global_source_id (required), style, config, +7 more.
update_global_source_elementsAInspect
Batch update multiple elements in one global source. Two-step process: STEP 1: Call with dry_run=true (default) → returns per-element diff. STEP 2: Show all diffs to the user and ask for confirmation. NEVER proceed without explicit user approval. STEP 3: Only after user confirms, call again with dry_run=false to apply. IMPORTANT: You MUST show the diff to the user and get explicit "yes/ok/confirm" before calling with dry_run=false. Skipping confirmation risks data loss. Same merge rules: style/config/specials = shallow merge, events/bindings = replace.
Inputs: updates (required), global_source_id (required), dry_run, component, +1 more.
update_http_functionAInspect
Write the FULL HTTP function file content. Best for: writing new features, major refactors, or changes that touch multiple functions. For small targeted edits (fix one function, add one function), use edit_http_function instead. After update, auto-deploys to the bundle service
Inputs: content (required).
update_pageAInspect
Update page properties: name, slug, homepage, SEO ("Cài đặt SEO") and settings. seo / settings are MERGED into the page's current settings — fields you don't pass are kept.
Inputs: page_id (required), seo, name, slug, +2 more.
update_page_contentAInspect
Create/update page content for a specific language. IMPORTANT: Before calling, you MUST read existing content with list_page_contents first, then show the user what will change and get explicit confirmation. NEVER update without user approval.
Inputs: content (required), page_id (required), language_code (required), meta_tags.
update_page_elementAInspect
Update properties of a specific element in page source. Two-step process: STEP 1: Call with dry_run=true (default) → returns diff of what will change. STEP 2: Show the diff to the user and ask for confirmation. NEVER proceed without explicit user approval. STEP 3: Only after user confirms, call again with dry_run=false to apply. IMPORTANT: You MUST show the diff to the user and get explicit "yes/ok/confirm" before calling with dry_run=false. Skipping confirmation risks data loss. Merge rules: style/config/specials = shallow merge, responsive = merge by bp key. events/bindings = REPLACE the whole array — pass the COMPLETE list (read it first with get_page_element so you don't drop the others); entries are auto-normalized (id + eventName filled in, so you can pass just { action, ...fields } / { target }).
Inputs: page_id (required), element_id (required), style, config, +6 more.
update_page_elementsAInspect
Batch update multiple elements in one page. Two-step process: STEP 1: Call with dry_run=true (default) → returns per-element diff. STEP 2: Show all diffs to the user and ask for confirmation. NEVER proceed without explicit user approval. STEP 3: Only after user confirms, call again with dry_run=false to apply. IMPORTANT: You MUST show the diff to the user and get explicit "yes/ok/confirm" before calling with dry_run=false. Skipping confirmation risks data loss. Same merge rules: style/config/specials = shallow merge, events/bindings = replace.
Inputs: page_id (required), updates (required), dry_run, allow_shrink.
update_page_sourceAInspect
Directly update the full page source JSON. IMPORTANT: Before calling this tool, you MUST:
Read existing source with get_page_source first
Show the user what will change and get explicit confirmation
NEVER call without user approval — this replaces the ENTIRE page source Safeguarded: blocks if new source is <50% of existing size.
Inputs: page_id (required), source, native_gap, custom_code, +1 more.
update_productAInspect
Update an existing product. Pass product_id + only the fields to change. To change price/stock, pass variations (get_product first to see the existing variation shape). Images must be hosted CDN urls (search_images cdn_url / upload_images).
Inputs: product_id (required), seo, name, images, +4 more.
update_product_categoryBInspect
Update a product category (name, image, description, visibility, SEO). Pass id + fields to change.
Inputs: id (required), seo, name, image, +2 more.
update_site_custom_codeAInspect
Update custom code (CSS/JS) for the entire site. Only sends fields you specify — others remain unchanged. LAST RESORT: use native elements, their settings or an app first; a special feature uses the CMS app (collection + HTTP function) with only a small glue script here. See get_build_guide → NATIVE FIRST. Oversized code or UI/data in code is refused unless native_gap explains why. IMPORTANT: Before calling, you MUST read existing code with get_site_custom_code first, then show the user what will change and get explicit confirmation. NEVER update without user approval.
code_before_head: HTML/script inserted before
code_before_body: HTML/script inserted before
code_custom_css: Custom CSS (auto-wrapped in )
code_custom_javascript: Custom JavaScript
Inputs: native_gap, allow_shrink, code_custom_css, code_before_body, +2 more.
upload_imagesAInspect
Convert external image URLs, data: URIs, or LOCAL FILE PATHS into site-hosted CDN URLs by reading/downloading each image and re-uploading it to the WebCake backend. Use this whenever the user supplies their OWN images (their URLs or files from their machine), or a page is built from a reference HTML/URL. The returned CDN URLs go straight into an image element's specials.src / runtime.config.src, or a product/category image. This is REQUIRED for any external image (incl. Pexels search results) because the storefront only renders whitelisted WebCake-CDN image domains. Results are cached per site, so re-uploading the same source is free. Processes up to 20 entries per call in parallel; non jpeg/png/webp inputs are converted to JPEG. UPLOADS BY DEFAULT (dry_run defaults to FALSE — this touches no account data): returns an "images" map (original source → hosted URL). Pass dry_run:true to only preview the entries that WOULD be processed (local paths report whether the file exists + its size) without any network/filesystem upload. Local file paths are only permitted when the MCP server runs locally (stdio); on the remote HTTP transport they are rejected per-entry.
Inputs: urls (required), dry_run.
validate_pageARead-onlyInspect
Validate a page source ({ sections: [...] }). Returns errors (block saving: duplicate/missing ids, missing types) and warnings (unknown types, form fields without field_name, dangling event targets) plus stats. Always run this before build_page.
Inputs: source.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
TDQS
Scored across 132 tools
Many tools have overlapping boundaries: update_page_element vs update_page_elements vs update_page_source, invoke_tool vs invoke_read_tool (which shadow every other tool), and the parallel 'global source' (cart/popup) versus 'global section' (header/footer) families with near-identical verb sets (list/get/search/update/delete) are easy to confuse. Page creation is split across create_page, build_page, start_page_draft + add_draft_section + commit_page_draft, and new_page_skeleton, so an agent must reason carefully to pick the right path.
The overwhelming majority of names follow consistent snake_case verb_noun (list_products, get_product, create_article, delete_collection). Deviations are minor and readable: new_element/new_section/new_row break the verb pattern slightly, get_source_cart is noun-order odd, and edit_http_function vs update_http_function use different verbs for related operations.
132 native tools is a gross mismatch for any single server surface; the presence of a tool-group/search_tools/on-demand catalog mechanism is itself an admission that the native set is oversized. The many one-off helpers (toggle_debug_render, restore_file_version, read_cached_result, list_cached_results, semantic_search_themes) inflate the count further than the domain requires.
Coverage of the storefront-builder domain is very broad: pages, elements, sections, drafts, publishing, products/categories, articles/blog categories, orders, customers, promotions, collections, CMS/HTTP functions, apps, themes, images, and version rollback all have lifecycle tools. Remaining gaps (shipping, domains/SEO beyond page-level SEO, marketing/CRM, translations for products) exist but are largely reachable via search_tools/invoke_tool, so agents have workarounds.
Maintenance
Related MCP Connectors
Build, edit, and publish real websites and online stores by chatting with your AI assistant.
Create, edit, preview, publish, and manage web pages from MCP-capable AI clients.
Build, edit, stock, and publish Social AI websites and storefronts via AI chat.
Build and edit landing pages and websites from your AI assistant, and pull how they are performing.
Related MCP Servers
AlicenseAqualityDmaintenanceEnables AI assistants to build complete, live websites from natural language descriptions by connecting to Buildez.ai.117 npm1MIT- AlicenseAqualityBmaintenanceBridges AI assistants to WebCake, enabling users to build, validate, and save editable landing pages from natural language descriptions.23962 npm7MIT
- AlicenseBqualityBmaintenanceEnables AI agents to operate a Store Builder site end-to-end — designing pages, filling them with data, reviewing screenshots, and publishing — without human intervention.39613 npm1MIT

PromptSwingofficial
AlicenseNot gradedqualityBmaintenanceEnables an AI assistant to publish a storefront it built to live hosting, read the live site back, add, update or delete a single page, manage the catalogue, orders and reviews, and restore any earlier version in one call. Hosting requires a paid subscription, and a free pre-publish assessment reports which documented signal calls, contrast pairs or hardcoded prices would fail.25 npmApache 2.0