web-development
Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite, browser flows, or CloudBase Web integration.
npx skills add TencentCloudBase/CloudBase-AI-Toolkit --skill web-development --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
## 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
- Sibling skills (local only)
- Activation Contract
- Use this first when
- Read before writing code if
- Then also read
- Do NOT use for
- Common mistakes / gotchas
- Engineering constitution (non-negotiable)
- 1. TypeScript — do not silence the type system
- 2. Self-verify before claiming done
- 3. Do not paper over failures
- When to use this skill
- How to use this skill (for a coding agent)
- Core workflow
What does the web-development skill do?
Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite, browser flows, or CloudBase Web integration.
How do I install it?
Run `npx skills add TencentCloudBase/CloudBase-AI-Toolkit --skill web-development --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From TencentCloudBase/CloudBase-AI-Toolkit, a repository with 1,066 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.