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.