Use when the user wants to develop, run, preview, save, deploy, or roll back a CloudBase Web app in this conversation as a Lovable/Codex-Sites-like vibe- coding session — i.e. any request that maps to "spin up a React+Vite project, see it live in the browser, iterate, save versions, deploy". Activate ONLY for browser-rendered Web projects based on the CloudBase official React (or Vue) + Vite template. Do NOT activate for: WeChat/Alipay mini-program, React Native / Flutter / Electron, pure cloud
SkillScore77Maintained
Automatic
◆DevOps & SRE pack
Last verified 8/3/2026
What it changes
Passed 15 of 19 test cases with the skill, and 5 of 19 without it.
Without skill27%
With skill77%
Checks it passed that the model alone missed
Refrains from executing cloudbase-sites init
Routes the user to mini-program development guidance
Refrains from invoking npm run dev or raw git commands
and 19 more in the full report
13 fixed4 passed either way3 still failing2 broke
Pass-rate lift
+50 pp
Tokens
+226%
Agent turns
0%
Response time
-57%
Model gemini-3.6-flashMeasured 8/3/2026v117 of 22 cases passed with skill · 19 comparable
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 12 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 12
Prompt
The dev server is running at `http://127.0.0.1:17173`. The user asks you to open the preview so they can check the UI. How should you launch the browser view?
What was checked, without and with the skill
Checked
Without skill
With skill
Opens the recorded internalUrl using the host in-app browser tool
Missed
Passed
Avoids invoking host shell commands like open or starting automated browser testing frameworks
Passed
Passed
case-15 · gemini-3.6-flash · 8/3/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md317 linessingle file
CloudBase Sites Runtime
This skill orchestrates a single working directory = single project flow
for CloudBase Web apps. The cwd itself is the workspace; we do not manage
cross-cwd state or session IDs at the skill level.
This runtime is shared by the Codex, Claude Code, and CodeBuddy plugin
surfaces. The CLI and CloudBase MCP workflows are the source of truth. Some
hosts also run bundled lifecycle hooks that start previews or inject compact
rules at session start; if hooks are unavailable, disabled, or not yet trusted,
use the explicit CLI commands in this skill.
Activation contract
Use this skill when
The user says "build me a website / app", "I want to make a landing page",
"create a React app and let me preview", "deploy this to CloudBase",
"save this version", "roll back to v1", or similar.
The current cwd looks like a CloudBase + Vite project (has package.json
with vite + react or vue).
The user is running this conversation inside Codex, Claude Code, CodeBuddy,
or a compatible host with the cloudbase-sites plugin enabled —
cloudbase-mcp is registered and the cloudbase-sites binary is either on
PATH or available from the plugin root's bin/cloudbase-sites.
Do NOT use this skill when
It's a mini-program project — route to mini-program guidance instead.
It's a native app project — route to http-api guidance.
It's a backend-only project — route to cloud-functions / cloudrun guidance.
The framework is Next/Nuxt/Astro/Remix — politely tell the user this skill
only covers Vite-based React/Vue apps and stop. Do NOT try to adapt the
scripts to those frameworks.
What this skill orchestrates — three layers
1. CloudBase MCP tools (provided by cloudbase-mcp, registered via plugin's .mcp.json)
These are the only tools that produce CloudBase side effects. Highlights: