web-development

SKILL.md

Web frontend development with CloudBase integration, static hosting deployment, and SDK-based authentication.

Covers project structure conventions (src/dist/cloudfunctions directories), modern build systems (Vite, Webpack), and hash routing for static hosting compatibility

Provides CloudBase Web SDK integration patterns for database, cloud functions, and authentication, with strict rules against implementing login logic in cloud functions

Includes deployment guidance for CloudBase static hosting with relative path configuration, local preview via live-server, and subdirectory deployment defaults

Enforces synchronous SDK initialization with a single shared app instance and prohibits lazy-loading or async wrapper patterns

Standalone Install Note

If this environment only installed the current skill, start from the CloudBase main entry and use the published cloudbase/references/... paths for sibling skills.

CloudBase main entry: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/SKILL.md

Current skill raw source: https://cnb.cool/tencent/cloud/cloudbase/cloudbase-skills/-/git/raw/main/skills/cloudbase/references/web-development/SKILL.md

Keep 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.

Web Development

Activation Contract

Use this first when

The request is to implement, integrate, debug, build, deploy, or validate a Web frontend or static site.

The design direction is already decided, or the user is asking for engineering execution rather than visual exploration.

The work involves React, Vue, Vite, routing, browser-based verification, or CloudBase Web integration.