web-development

## Sibling skills (local only) Sibling CloudBase skills ship beside this skill. Use local relative paths such as `../auth-tool-cloudbase/SKILL.md`. If a referenced sibling skill file is missing from this environment, ask the user to install the full CloudBase plugin (or the missing skill). Do **not** HTTP-fetch remote skill or protocol markdown into the agent context. **Cross-cutting protocols** (required before code changes or deployments): - Change Safety Protocol: `../cloudbase-platform/references/protocols/change-safety-protocol.md` - Deployment Gate: `../cloudbase-platform/references/protocols/deployment-gate.md` # 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. ### Read before writing code if - The task includes project structure, framework conventions, build config, deployment, routing, or frontend test and validation flows. - The request includes UI implementation but the visual direction is already fixed; otherwise read `ui-design` first. - **⚠️ Any task involving interface styling, layout, color scheme, or font selection �� before writing the first line of CSS/Tailwind, you MUST load the `ui-design` skill and outpu...