用途：在产品方向明确后，执行 Web 前端或静态站点的实现、集成、调试、构建、部署与验证，涉及 React、Vue、Vite、路由、浏览器验证或 CloudBase Web 集成时使用。视觉方向设定、原型设计、纯审美探索、小程序、原生 App、纯后端服务不使用本技能。
主要能力：实现 React 或 Vue 页面与组件；搭建或维护 Vite 前端项目；处理路由、数据加载、表单与构建配置；运行基于浏览器的验证与冒烟检查；按需集成 CloudBase Web SDK 与静态托管。
使用方式：先确认任务是框架搭建、页面实现、调试、部署、验证还是 CloudBase 集成，并保持范围限于 Web 应用。优先沿用现有技术栈；新项目默认 Vite，可复用代码置于 src、构建产物置于 dist（除非仓库已有约定）。涉及样式、布局、配色或字体时，须先加载 ui-design 技能并输出 Design Specification。浏览器流程检查参见 browser-testing.md，登录参见 ../auth-tool-cloudbase/SKILL.md 与 ../auth-web-cloudbase/SKILL.md。CloudBase Web SDK 项目优先 npm install @cloudbase/js-sdk；静态 HTML 或快速演示可用 CDN https://static.cloudbase.net/cloudbase-js-sdk/latest/cloudbase.full.js。Init 示例：cloudbase.init({ env: "your-full-env-id" })，env 须为完整 EnvId。静态托管默认先构建、用相对资源路径、无服务端重写时用 hash 路由。History 模式 SPA 需将 404 错误文档设为 index.html：manageHosting({ action: "setWebsiteDocument", indexDocument: "index.html", errorDocument: "index.html" })，再用 queryHosting({ action: "websiteConfig" }) 验证。
限制：不使用 any、@ts-ignore 等绕过类型检查；声称完成前须通过 tsc/vue-tsc --noEmit、lint、构建与相关测试，并在浏览器中实际验证用户可见流程。认证须用 CloudBase SDK 内置能力，不应把 Web 登录逻辑移入云函数。缺失的兄弟技能文件需请用户安装完整 CloudBase 插件，不得将远程协议 markdown HTTP 抓取进上下文。其他具体价格、平台与效果资料暂未提供。