CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

ai-model-web

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).

Quality

90%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

The canonical home for this skill is ai-model-web in TencentCloudBase/CloudBase-AI-Toolkit

SKILL.md
Quality
Evals
Security

Quality

Content

77%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is exceptionally actionable and its two-step preflight workflow is among the clearest possible — sequenced, validated, with failure branches and a self-verify checklist. Its weaknesses are token efficiency (key warnings are repeated across five-plus sections) and structure (a monolithic single file that inlines type definitions, catalogs, and onboarding guides that belong in reference files).

Suggestions

Consolidate the "never assume a model is enabled → DescribeAIModels → DescribeManagedAIModelList → UpdateAIModel" guidance into the single preflight ② section, and replace the restatements in the STOP table, the Available Providers section, and Best Practices 1–2 with one-line pointers to it.

Move the Type Definitions, the Available Providers and Models catalog, and the custom-onboarding (CreateAIModel) details into references/ files (e.g. references/types.md, references/custom-models.md), keeping SKILL.md as an overview with clearly signaled one-level-deep links.

Deduplicate the anonymous-auth warning between the Initialization note and Best Practice 10 into one authoritative statement, and trim the repeated four-legal-values enumeration (STOP section, Available Providers, Best Practice 3) to a single canonical table.

DimensionReasoningScore

Conciseness

Free of background-concept padding, but the same warnings are restated many times: "Never assume a model is already enabled" with the DescribeAIModels → DescribeManagedAIModelList → UpdateAIModel procedure appears in the STOP table, the decision procedure, preflight ② steps 2–4, the Available Providers section, and Best Practices 1–2; the four legal createModel values are enumerated three times; the anonymous-auth warning appears in both Initialization and Best Practice 10. That is more than the 4 anchor's "minor instances of over-explanation that could be trimmed" — it fits "mostly efficient but ... could be tightened" (3), not the 2 anchor since there is no conceptual filler or generic padding.

3 / 5

Actionability

Fully executable throughout: exact MCP calls with parameters ("callCloudApi(service=\"tcb\", action=\"DescribeAIModels\", params={ EnvId })"), copy-paste-ready generateText/streamText/init/error-handling code, concrete legal vs. illegal createModel value tables, console URLs, and the npm install command — covering the common cases exactly as the 5 anchor requires.

5 / 5

Workflow Clarity

The mandatory preflight is explicitly sequenced (Step 0 EnvId → ① eligibility → ② group readiness) with pass conditions ("postpayPackageId starts with pkg_tcb_tokencredits_", "status is NOT in [3, 4]"), failure branches with exact user-facing messages, error-recovery fallbacks ("fall back to camelCase on InvalidParameter"), a full-replacement warning on UpdateAIModel, and a final self-verification checklist ("Run tsc --noEmit + the project build + open the page with agent-browser ... confirm result.usage is non-zero") — matching the 5 anchor's explicit validation steps and feedback loops.

5 / 5

Progressive Disclosure

No bundle files exist (references/, scripts/, assets/ are all absent), so everything — TypeScript Type Definitions, the provider/model catalog, custom-onboarding CreateAIModel specs, and preflight API details — is inlined in a ~395-line SKILL.md. Section headers give it internal structure, but "content that should be separate is inline" matches the 3 anchor; it is not the 4 anchor, whose example has "bulk in separate file".

3 / 5

Total

16

/

20

Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is a model example: it names the exact SDK surface (generateText, streamText, createModel group values), gives explicit 'Use this skill when...' triggers including Chinese-language synonyms, states a default routing decision, and cleanly fences off sibling skills. No fluff, no over-claims, everything stated is concrete.

DimensionReasoningScore

Specificity

Lists multiple concrete SDK actions — "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", and "MUST run two-step preflight before code" — comprehensive concrete coverage with no gaps, matching the 5 anchor rather than the 4 anchor's "minor gaps in coverage".

5 / 5

Completeness

Explicitly answers both what ("Covers generateText and streamText; models via ai.createModel with groups...") and when ("Use this skill when a browser/Web app ... needs AI models via @cloudbase/js-sdk") with concrete trigger phrases, plus negative scope ("NOT for Node.js backend (use ai-model-nodejs), Mini Program (use ai-model-wechat), or image generation").

5 / 5

Trigger Term Quality

Triggers span "browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI)" plus Chinese synonyms "页面, 前端, 网页" — comprehensive natural-term coverage including synonyms a user would actually say; not the 4 anchor, which requires "a few natural terms missing".

5 / 5

Distinctiveness Conflict Risk

Clear niche (in-browser AI via @cloudbase/js-sdk) with explicit routing away from siblings — "do NOT propose a Node.js proxy", "use ai-model-nodejs", "use ai-model-wechat" — so wrong-skill triggering risk is minimal, matching the 5 anchor's "clear niche with distinct triggers".

5 / 5

Total

20

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

TencentCloudBase/CloudBase-AI-Toolkit

Path

plugin/cloudbase/skills/ai-model-web/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.