skills.rest
xianmingyao
xianmingyaoCOMMUNITY
Explore all skills by this author →
GitHub

relational-database-web-cloudbase

Initialize a shared CloudBase Relational Database client in browser apps.

1|1|Updated Mar 18, 2026
Search Tags:#frontend#javascript#supabase#relational-database#cloudbase#web-sdk
One-click install
npx skills add https://github.com/xianmingyao/openclaw-CaySon --skill relational-database-web-cloudbase-xianmingyao
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: relational-database-web-cloudbase
Source: https://github.com/xianmingyao/openclaw-CaySon/tree/main/skills/cloudbase/references/relational-database-web
Command: npx skills add https://github.com/xianmingyao/openclaw-CaySon --skill relational-database-web-cloudbase-xianmingyao

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps frontend developers connect browser apps directly to CloudBase Relational Database using the official @cloudbase/js-sdk, providing a canonical initialization pattern and a single shared db client across the app.

Core Features & Use Cases

  • Initialize CloudBase Relational Database on the frontend
  • Replace an existing Supabase client with CloudBase Relational Database
  • Share a single db client across your Web app
  • Do NOT use this skill for backend/Node access to CloudBase Relational Database (use relation-database-skill → node-sdk/quickstart.md)
  • Do NOT use for MCP/agent database management (use relation-database-skill → mcp-tools/mcp-guide.md)
  • Auth flows should use the Web/Auth skills instead

Quick Start

Create a single shared db client on the frontend using the canonical CloudBase init pattern described above.

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 on the frontend?▼

To initialize CloudBase Relational Database on the frontend, use the @cloudbase/js-sdk to establish a canonical initialization pattern, creating a single shared db client for browser-based web apps.

Can I replace my Supabase client with CloudBase Relational Database in a web app?▼

Yes, you can replace an existing Supabase client with CloudBase Relational Database. This Skill provides a pattern to initialize the client and perform Supabase-like queries directly in the browser.

Does this CloudBase database initialization pattern work with React and Vue?▼

Yes, this CloudBase database initialization pattern works with React, Vue, and vanilla JavaScript. It applies to web frontends needing to connect to the relational database via the web SDK.

What is the best way to share a single db client across a frontend app?▼

The best way to share a single db client across a frontend app is using a canonical initialization pattern. This ensures one shared CloudBase Relational Database client instance across the entire web application.

Can I use this frontend CloudBase client for backend Node.js database access?▼

No, you cannot use this frontend CloudBase client for backend Node.js database access. This Skill is strictly for browser-based apps; backend access requires a different Node SDK approach.

When should I not use this CloudBase web SDK initialization pattern?▼

You should not use this CloudBase web SDK initialization pattern for backend Node access, MCP or agent database management, or web authentication flows, as it targets frontend database queries exclusively.

Related Skills

Explore More Software Engineering Skills→
MicrockMicrock
322

relational-database-mcp-cloudbase

Execute SQL operations and manage security rules on CloudBase Relational Database via MCP tools.

Community
Advanced
bingggbinggg
1

relational-database-web-cloudbase

Initialize a reusable CloudBase Relational Database client in frontend web apps.

Community
Intermediate
EverettFieldEverettField
2

relational-database-web-cloudbase

Initialize a shared CloudBase relational database client for browser apps.

Community
Intermediate
dang0705dang0705

relational-database-mcp-cloudbase

Execute SQL commands and modify security rules on CloudBase Relational Database via MCP tools.

Community
Intermediate