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

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 delivers highly actionable, well-sequenced guidance with explicit validation checkpoints and recovery loops for the preflight workflow. Its weaknesses are cross-section repetition of the same warnings and a monolithic all-in-one structure with zero progressive disclosure despite a 25KB footprint.

Suggestions

State each critical rule once and cross-reference it: the four legal createModel arguments are fully covered in the STOP section, so replace the restatements in 'Available Providers and Models' and Best Practice #3 with a pointer back to that table.

Split large self-contained blocks into one-level-deep reference files — e.g. references/types.md for the Type Definitions and references/models.md for the provider/model catalog — leaving SKILL.md as a lean overview with clearly signaled links.

Consolidate the 'never assume a model is already enabled' warning (currently repeated in the STOP table, preflight ② steps 2-3, the providers section, and Best Practice #2) into the preflight section where the DescribeAIModels check actually lives.

DimensionReasoningScore

Conciseness

The body is fact-dense with no explanation of concepts Claude already knows, but the same critical warnings repeat across sections: the four legal createModel values appear in the STOP section, again under 'Available Providers and Models', and again in Best Practice #3, while 'never assume a model is enabled' is restated four times. This goes beyond minor over-explanation and could be tightened by stating each rule once and cross-referencing it.

3 / 5

Actionability

Guidance is fully executable: exact MCP invocations with parameter shapes (DescribeEnvPostpayPackage pass conditions, UpdateAIModel full-replacement Models array), copy-paste-ready init with the getSession() auth gate, generateText/streamText examples, the Type Definitions reference, and concrete console/onboarding URLs. Common cases are covered end-to-end.

5 / 5

Workflow Clarity

The two-step preflight is a clearly numbered sequence (Step 0 env id → ① eligibility → ② group readiness) with explicit pass conditions, failure branches ('stop writing code and surface this to the user'), feedback loops ('Let me know once it's done and I'll re-check the resource pack status'), and a self-verify checklist in Best Practice #13 (tsc --noEmit, build, browser-test the actual AI call, confirm non-zero usage).

5 / 5

Progressive Disclosure

There are no bundle files at all (no references/, scripts/, or assets/), and the ~395-line body inlines everything — the full provider/model catalog, custom-onboarding walkthrough, and complete Type Definitions — that would naturally live in one-level-deep reference files. Section headers and navigation are good, but content that should be separate is inline, matching the 'some structure, could be better organized' anchor rather than the well-split anchor 4.

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.

An excellent description: dense, specific, and trigger-rich, with framework names, Chinese synonyms, and explicit negative boundaries that cleanly separate it from sibling runtime skills. Every clause carries routing-relevant information rather than filler.

DimensionReasoningScore

Specificity

The description lists multiple concrete 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', 'MUST run two-step preflight before code' — giving comprehensive, non-generic coverage of the skill's capabilities.

5 / 5

Completeness

It explicitly answers 'when' with 'Use this skill when a browser/Web app ... needs AI models via @cloudbase/js-sdk' plus negative triggers ('NOT for Node.js backend ... Mini Program ... image generation'), and 'what' with the concrete SDK surface — both fully explicit with concrete trigger phrases.

5 / 5

Trigger Term Quality

Trigger terms include 'browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页)' plus 'frontend' and 'Node.js proxy', covering natural phrasings, framework names, and even Chinese-language synonyms a user would actually say.

5 / 5

Distinctiveness Conflict Risk

The niche (Web/browser AI via @cloudbase/js-sdk, called directly from the browser) is clear, and overlap with the closely related sibling skills is explicitly resolved by naming them: 'use ai-model-nodejs', 'use ai-model-wechat', and the http-api-cloudbase fallback.

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

connectors/cloudbase-intl/skills/references/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.