From cloudbase
Initializes CloudBase Relational Database from browser JavaScript SDK and provides Supabase-style query patterns for frontend apps.
How this skill is triggered — by the user, by Claude, or both
Slash command
/cloudbase:relational-database-webThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
If this environment only installed the current skill, start from the CloudBase main entry and use the published `cloudbase/references/...` paths for sibling skills.
If this environment only installed the current skill, start from the CloudBase main entry and use the published cloudbase/references/... paths for sibling skills.
https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/SKILL.mdhttps://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/references/relational-database-web/SKILL.mdKeep local references/... paths for files that ship with the current skill directory. When this file points to a sibling skill such as auth-tool or web-development, use the standalone fallback URL shown next to that reference.
@cloudbase/js-sdk.../relational-database-tool/SKILL.md (standalone fallback: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/references/relational-database-tool/SKILL.md)../auth-web/SKILL.md (standalone fallback: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/references/auth-web/SKILL.md)../web-development/SKILL.md (standalone fallback: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/references/web-development/SKILL.md)app itself as the relational database client.relational-database-tool.This skill standardizes the browser-side initialization pattern for CloudBase Relational Database.
After initialization, use db with Supabase-style query patterns.
npm install @cloudbase/js-sdk
import cloudbase from "@cloudbase/js-sdk";
const app = cloudbase.init({
env: "your-env-id"
});
const auth = app.auth();
// Handle login separately
const db = app.rdb();
import("@cloudbase/js-sdk") unless the framework absolutely requires it.db client and reuse it.cloudbase.init() options.db clientrelational-database-tool instead whenimport cloudbase from "@cloudbase/js-sdk";
const app = cloudbase.init({
env: "your-env-id"
});
export const db = app.rdb();
const { data, error } = await db
.from("posts")
.select("*")
.order("created_at", { ascending: false });
if (error) {
console.error("Failed to load posts", error.message);
}
await db.from("posts").insert({ title: "Hello" });
await db.from("posts").update({ title: "Updated" }).eq("id", 1);
await db.from("posts").delete().eq("id", 1);
app.rdb() gives you the relational database client.npx claudepluginhub tencentcloudbase/cloudbase-mcp --plugin cloudbaseQueries, creates, updates, and deletes CloudBase document database data from browser apps using @cloudbase/js-sdk. Supports complex queries, pagination, aggregation, realtime subscriptions, and geolocation queries.
Installs Supabase SDK and CLI for JavaScript/TypeScript and Python, configures auth environment variables, initializes client, and verifies connection.
Guides @supabase/supabase-js SDK usage for database queries via PostgREST, authentication, storage uploads, realtime subscriptions, and edge functions.