Skills for Real Engineers. Straight from my .agents directory.
39 skills
ai-model-web
Agent skill from
Use this skill when a browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页) needs AI models via @cloudbase/js-sdk. Default routing for Web/frontend AI — call directly from the browser, do NOT propose a Node.js proxy. Covers generateText and streamText; models via ai.createModel with groups cloudbase, the legacy hunyuan-v3 / hunyuan-exp, or custom-*, model id in the `model` field. MUST run two-step preflight before code — see body. NOT for Node.js backend (use ai-model-nodejs), Mini Program (use ai-model-wechat), or image generation (Node SDK only).
How to install ai-model-web
install ai-model-web
# install the CloudBase-AI-Toolkit pack with the skills CLI
npx skills add TencentCloudBase/CloudBase-AI-Toolkit# or add only this skill to Claude Code: copy the folder
config/source/skills/ai-model-web/
# into
~/.claude/skills/ai-model-web/ (all projects)
.claude/skills/ai-model-web/ (one project)
1## Sibling skills (local only)23Sibling CloudBase skills ship beside this skill. Use local relative paths such as `../auth-tool-cloudbase/SKILL.md`.45If 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.67## When to use this skill89Use this skill for **calling AI models in browser/Web applications** via `@cloudbase/js-sdk`.1011> 🧭 **Runtime-plane default for Web.** Any time the user's request is framed around a page, a Web app, the frontend, React/Vue/Next/Nuxt, a dashboard UI, or "add AI to my H5", this skill is the default routing target. **Do NOT first propose a Node.js / cloud-function / CloudRun proxy**; `@cloudbase/js-sdk` can call the model from the browser directly. Only switch to `ai-model-nodejs` if the user explicitly asks for a backend/server call, image generation, or a scenario that truly needs server-side keys or long-running work. This decision is independent of which concrete model the user picks — model names (`deepseek-*`, `glm-*`, `hunyuan-*`, `kimi-*`, …) only affect the `model` field, not the routing plane.1213**Use it when you need to:**1415- Integrate AI text generation into a frontend Web app16- Stream AI responses for a better UX17- Call Hunyuan / DeepSeek / GLM / Kimi / MiniMax models from the browser1819**Do NOT use for:**20…
Excerpt shown under the repository's MIT license.
More skills in CloudBase-AI-Toolkit
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
Public repository for Agent Skills
20 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills
Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More
CCCXGHGM+135 skills
Production-grade engineering skills for AI coding agents.
CCCXCU25 skills