relational-database-web-cloudbase

Initialize CloudBase Relational Database access from browser Web apps using @cloudbase/js-sdk.

Updated May 14, 2026
One-click install
npx skills add https://github.com/williamwang25/ams-admin --skill relational-database-web-cloudbase-williamwang25
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: relational-database-web-cloudbase
Source: https://github.com/williamwang25/ams-admin/tree/main/.windsurf/skills/cloudbase/references/relational-database-web
Command: npx skills add https://github.com/williamwang25/ams-admin --skill relational-database-web-cloudbase-williamwang25

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the problem of wiring a frontend Web app to CloudBase Relational Database without misconfiguring the browser SDK or mixing frontend query code with backend/admin schema tasks.

Core Features & Use Cases

  • Canonical browser init pattern: Initializes CloudBase via @cloudbase/js-sdk and exposes the relational DB client.
  • Supabase-style query usage in the browser: Enables app.rdb() followed by .from(...).select/insert/update/delete workflows.
  • Guardrails for separation of concerns: Explicitly directs schema/DDL/admin operations to the relational-database-tool instead of MCP browser code.

Example use case: A Vue/React SPA needs to load and update rows in a posts table directly from the browser after the user logs in, using one shared DB client across components.

Quick Start

Use the skill when building a browser frontend that needs to connect to CloudBase Relational Database via @cloudbase/js-sdk and run Supabase-style queries from the client.

Frequently Asked Questions about relational-database-web-cloudbase

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I initialize CloudBase relational database in a browser frontend?

To initialize CloudBase relational database in a browser frontend, use `@cloudbase/js-sdk` to create a single shared app instance, then obtain the relational DB client via `app.rdb()` to run Supabase-style queries.

Can I run Supabase-style queries directly from the browser using CloudBase?

Yes, you can run Supabase-style queries from the browser by initializing the CloudBase app and calling `.from(...).select/insert/update/delete` workflows on the `app.rdb()` client for client-side table operations.

What is the best way to separate frontend query code from backend schema provisioning in CloudBase?

The best way to separate concerns is to use the browser SDK strictly for client-side read/write table queries, while explicitly directing schema provisioning and privileged DDL operations to backend tools like the relational-database-tool.

Does Vue work with CloudBase relational database browser SDK initialization?

Yes, Vue works with CloudBase relational database initialization, allowing a Vue SPA to load and update rows directly from the browser after user login by using one shared DB client across components.

Why should I not mix schema DDL operations with browser frontend CloudBase code?

You should not mix schema DDL operations with browser frontend code because it violates separation of concerns, risking security and misconfiguration; schema provisioning and admin privileged operations must remain outside browser code.