back
loading skill details...
Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for…
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.
don't have the plugin yet? install it then click "run inline in claude" again.