Cloudbase

Use this skill when you develop, design, build, deploy, debug, migrate, or troubleshoot CloudBase (腾讯云开发, 云开发, TCB, 微信云开发) projects. Covers Web, 微信小程序, 小程序,...

Booker Zhao

@binggg

Install

$ openclaw skills install @binggg/cloudbase

CloudBase Development Guidelines

📁 Reference Files Location

All reference documentation files are located in the references/ directory relative to this file.

File Structure:

cloudbase/
├── SKILL.md              # This file (main entry)
└── references/           # All reference documentation
    ├── auth-web/SKILL.md       # Web authentication guide
    ├── auth-wechat/SKILL.md    # WeChat authentication guide
    ├── no-sql-web-sdk/SKILL.md # NoSQL database for Web
    ├── ui-design/        # UI design guidelines
    └── ...               # Other reference docs

How to use: When this document mentions reading a reference file like references/auth-web/SKILL.md, simply read that file from the references/ subdirectory.


Workflow

1. Exploration  →  Read the matching skill completely before writing any code.
                   Search with searchKnowledgeBase(mode="skill"), then Read full SKILL.md.
2. Implementation
   ├── 2a. Resource preparation → MCP tools first (auth, DB, storage, security rules)
   └── 2b. Frontend implementation → Write code, install deps, start server, test
3. Close-out  →  Run cloudbase-code-review, fix errors, declare done

Key constraints: Stage 2a must precede frontend code. Stage 3 is mandatory.

Activation Contract

Routing uses stable skill ids (auth-tool, auth-web, http-api, …) across source, generated artifacts, and installs.

Standalone skill fallback

If only one published skill is exposed, start from the CloudBase main entry:

  • CloudBase main entry: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/SKILL.md
  • Sibling skill pattern: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/references/<skill-id>/SKILL.md

Replace <skill-id> with the published directory name. Follow relative references/... paths from the current skill. If MCP is unavailable, read cloudbase and follow references/mcp-setup.md / mcporter setup first.

Global rules before action

  • Identify the scenario, then read the matching skill before writing code or calling CloudBase APIs.
  • Prefer semantic sources for toolkit maintenance; express runtime routing in stable skill ids.
  • Use MCP or mcporter first for management tasks; inspect tool schemas before execution.
  • UI tasks: read ui-design first and output the design spec before interface code.
  • Auth tasks: read auth-tool first and enable providers before frontend implementation.
  • Keep auth domains separate: management login uses auth; app-side auth uses queryAppAuth / manageAppAuth.

Universal guardrails

  • After 2–3 failed attempts on the same path, stop and reroute (platform skill, runtime, auth domain, permission model, SDK boundary).
  • Always specify EnvId explicitly; do not rely on CLI-selected or implicit env state.
  • When the environment identifier is an alias, nickname, or other short form, do not pass it directly to auth.set_env, SDK init, console URLs, or generated config. First resolve it to the canonical full EnvId with envQuery(action=list, alias=..., aliasExact=true). If multiple environments match or no exact alias exists, stop and clarify with the user.
  • When writing MCP/tool results to a file, pass serialized text (JSON.stringify(result, null, 2)), not raw objects. If a write tool says content expected a string but received an object, do not retry with the same raw object. Serialize the object first, then retry once with the serialized text, and make sure the retried call actually passes the serialized string rather than the original object.
  • Keep scenario-specific pitfalls in child skills — do not expand this entry file.
  • First frontend deploy must use manageApps(action="createApp", ...). manageHosting is only for incremental updates of projects originally deployed via hosting.

Engineering constitution (applies to every scenario)

These rules override convenience. Full rationale lives in web-development.

  • Prepare backend resources via MCP before writing frontend code. Auth providers, tables, storage domains, and security rules first.
  • Do NOT use any to bypass type errors. Prefer unknown + type guards / precise interfaces.
  • Self-verify before claiming done. Static (tsc / lint / build / tests) and runtime (agent-browser for user-visible flows). Name gaps explicitly if a layer cannot run.
  • Do not paper over failures. No empty try/catch, no deleting failing tests to go green.
  • ai.createModel(...) / wx.cloud.extend.AI.createModel(provider) takes a GroupName, not a vendor/model id. Legal: "cloudbase", "hunyuan-exp", or "custom-<name>". Model ids go in generateText / streamText model field. See ai-model-web / ai-model-nodejs / ai-model-wechat.
  • Low-capability STOP card: For PostgreSQL / CloudBase PG / app.rdb() / queryPgDatabase / managePgDatabase, route to postgresql-development — do not use NoSQL/manageMysqlDatabase for that path. For Web auth guards, use auth.getSession() and require data.session; do not use deprecated getLoginState() / auth.getUser() as login proof.

High-priority routing

<!-- DO NOT EDIT: auto-generated from references/activation-map.yaml -->
ScenarioRead firstThen readDo NOT route to firstMust check before action
Web login / registration / auth UIauth-toolauth-web, web-developmentcloud-functions, http-apiProvider status and publishable key
WeChat mini program + CloudBaseminiprogram-developmentauth-wechat, no-sql-wx-mp-sdkauth-web, web-developmentWhether the project really uses CloudBase / wx.cloud
Native App / Flutter / React Nativehttp-apiauth-tool, relational-database-toolauth-web, no-sql-web-sdk, web-developmentSDK boundary, OpenAPI, auth method
Web projects + NoSQL Databaseweb-developmentno-sql-web-sdk, auth-webrelational-database-tool, http-apiLogin state and database access permission model
CloudBase PostgreSQL / PGpostgresql-developmentauth-tool, auth-web, web-development, miniprogram-development, cloud-storage-web, http-apirelational-database-tool, no-sql-web-sdkPG schema, usernamePassword login, backend/RLS permission model
MySQL Database (relational)relational-database-toolrelational-database-web, http-apino-sql-web-sdk, web-developmentDistinguish MCP management vs app code access
Cloud Functionscloud-functionsauth-tool, ai-model-nodejscloudrun-development, auth-webEvent vs HTTP function, runtime, scf_bootstrap
CloudRun backendcloudrun-developmentauth-tool, relational-database-toolcloud-functionsContainer boundary, Dockerfile, CORS
AI Agent (智能体开发)cloudbase-agentcloud-functions, cloudrun-developmentcloud-functions, cloudrun-developmentAG-UI protocol, scf_bootstrap, SSE streaming
UI generationui-designweb-development, miniprogram-developmentcloud-functionsDesign specification first
AI Model (Web)web-developmentai-model-web, ui-designai-model-wechat, http-apiPlatform and streaming interaction mode
AI model call (大模型调用 / 文本生成 / 图片生成 / 流式对话)ai-model-webai-model-nodejs, ai-model-wechatcloudbase-agent, cloud-functions, cloudrun-development先跑「调用前必须的资格检查」:DescribeActivityInfo(小程序成长计划) + DescribeEnvPostpayPackage(Token Credits 资源包)
Resource health inspection / troubleshootingops-inspectorcloud-functions, cloudrun-developmentui-design, spec-workflowCLS enabled, time range for logs
Spec workflow / architecture designspec-workflowcloudbaseweb-development, cloud-functionsRequirements, design, tasks confirmed

Activation triggers (derived from references/activation-map.yaml)

  • Web login / registration / auth UI — CloudBase Web 登录, Web 注册, auth login page, publishable key, 短信登录, 邮箱登录
  • WeChat mini program + CloudBase — 小程序 云开发, wx.cloud, mini program cloudbase, OPENID, 小程序数据库
  • Native App / Flutter / React Native — Android CloudBase, iOS CloudBase, Flutter CloudBase, React Native CloudBase, 原生 App 接入
  • Web projects + NoSQL Database — Web 文档数据库, CloudBase collection, 前端查库, NoSQL Web SDK
  • CloudBase PostgreSQL / PG — CloudBase PG, PostgreSQL, Postgres, PG 模式, JS SDK v3 PostgreSQL, app.rdb(), queryPgDatabase, managePgDatabase, mysqldb OpenAPI, PostgREST, RLS, service_role, auth schema, storage schema, pgvector
  • MySQL Database (relational) — MySQL 建表, executeWriteSQL, security rule, CloudBase 关系型数据库管理
  • Cloud Functions — 创建云函数, HTTP 云函数, getFunctionLogs, scf_bootstrap, runtime
  • CloudRun backend — CloudRun 部署, 云托管, container backend, Dockerfile
  • AI Agent (智能体开发) — AI Agent, 智能体, 智能体开发, AG-UI protocol, LangGraph, LangChain, CrewAI, streaming agent, agent UI
  • UI generation — 设计页面, 登录页 UI, frontend interface, 组件样式, prototype
  • AI Model (Web) — Web AI 对话, CloudBase AI 流式输出, Web 集成模型
  • AI model call (大模型调用 / 文本生成 / 图片生成 / 流式对话) — 大模型调用, AI 模型调用, generateText, streamText, generateImage, 文本生成, 图片生成, 流式对话, hunyuan-exp, deepseek-v4-flash, Token Credits 资源包, 小程序成长计划, ai_miniprogram_inspire_plan, callCloudApi AI 模型, CreateAIModel
  • Resource health inspection / troubleshooting — 巡检, 诊断, health check, 资源健康, 异常日志, error inspection, troubleshooting, 错误排查
  • Spec workflow / architecture design — 需求文档, 技术方案, tasks.md, Spec 工作流

Routing reminders

  • Web auth failures: usually skipped provider config, not missing frontend snippets.
  • Native App failures: usually Web SDK paths, not missing HTTP API knowledge.
  • Mini program failures: treating wx.cloud like Web auth/SDK.
  • CloudBase PG failures: falling back to MySQL/NoSQL, skipping username-password readiness, or guessing raw HTTP instead of app.rdb() / documented OpenAPI.
  • AI model failures: usually missing Token Credits / Growth Plan — run DescribeEnvPostpayPackage / DescribeActivityInfo before changing code.

MCP prerequisite

CloudBase MCP is required for management/deploy. Setup details: references/mcp-setup.md.

  • Preferred install: npx plugins add TencentCloudBase/cloudbase-plugin -y --scope user. Supported --target IDs: claude-code, cursor, codex, grok, kimi, github-copilot, vscode. See references/mcp-setup.md.
  • Verify with npx mcporter list | grep cloudbase or the IDE MCP panel before any CloudBase tool call.
  • Prefer device-code login via auth; do not hard-code secrets.

On-demand references

Load only when needed (do not expand this entry):

  • references/deployment-workflow.md — deploy backend/frontend, manageApps vs hosting, URL/docs updates
  • references/console-links.md — console hash paths after creating resources
  • references/scenarios.md — user-need → CloudBase capability mapping
  • references/mcp-setup.md — Plugin install (global default + targets), IDE MCP / mcporter config and auth examples
  • references/activation-map.yaml — canonical routing contract source

Related skills

AWS | Amazon Web Services

@ivangdavila

Architects, debugs, secures, and cost-optimizes AWS infrastructure — EC2, Lambda, RDS, VPC, IAM, ECS, CloudFront. Use when deploying or reviewing anything on AWS, when a bill jumps or spend has to come down, when an AccessDenied, throttle, timeout, 502/503/504, or unreachable-database error has no obvious cause, when choosing between Lambda, Fargate, EC2, RDS, DynamoDB, SQS, or EventBridge, when hardening IAM policies, S3 exposure, security groups, or secrets, when writing Terraform/CloudFormation/CDK against AWS, when auditing an account you inherited, or when a service quota, cold start, connection limit, or failover is the thing that broke. Covers VPC and subnet design, NAT versus VPC endpoints, Organizations and cross-account roles, backups and disaster recovery, and CLI/SSO profiles. Not for object-storage patterns in depth (`s3`), DynamoDB key modeling (`dynamodb`), Kubernetes manifest authoring (`k8s`), or Terraform language mechanics (`terraform`).

24.0k

Web Development

@ivangdavila

Build, debug, and deploy websites using HTML, CSS, JavaScript, and modern frameworks following production best practices.

1511k

Web Development

@binggg

Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for Re...

03.9k

Vibe Coding

@ivangdavila

Build software with AI by describing what you want. Covers prompting techniques, workflow patterns, rules files, and when to intervene.

76.6k

Web Deploy GitHub Pages

@thomeksolutions

Create and deploy single-page static websites to GitHub Pages with autonomous workflow. Use when building portfolio sites, CV pages, landing pages, or any static web project that needs GitHub Pages deployment. Handles complete workflow from project initialization to live deployment with GitHub Actions automation.

98.1k

Frontend Design

@michaelmonetized

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

7528k