CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.

Quality

78%

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

Fix and improve this skill with Tessl

tessl review fix ./config/.claude/skills/web-development/SKILL.md

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

SKILL.md
Quality
Evals
Security

Quality

Content

63%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.

A policy-rich body with genuinely strong validation gates, concrete commands, and a precise deployment gotcha, undermined by duplicated trigger/validation sections and two referenced files missing from the bundle. The strongest material is the engineering constitution; the weakest points are the redundant activation block and unresolvable reference paths.

Suggestions

Remove the duplicate "When to use this skill / Do NOT use for" section (it restates the Activation Contract) and consolidate the browser-validation rule, currently stated three times, into one canonical location with cross-references.

Ship `frameworks.md` and `browser-testing.md` in the bundle (e.g., under `references/`) or inline the minimal needed content — both are referenced as load-bearing, and browser-testing.md backs the mandatory validation workflow yet does not exist.

Consider moving the CloudBase Web integration details (SDK rules, static hosting defaults, quick start) into a separate reference file gated by the existing "Use this section only when..." condition, keeping SKILL.md to an overview.

DimensionReasoningScore

Conciseness

The body is mostly dense project-specific policy rather than re-taught general knowledge, but the "When to use this skill / Do NOT use for" section duplicates the Activation Contract almost verbatim, and the browser-validation mandate is stated three separate times (Engineering constitution §2, "How to use" step 3, Core workflow §3). Mostly efficient with real tightening opportunities, rather than noticeably verbose.

3 / 5

Actionability

Provides executable commands (`tsc --noEmit`, `npm install @cloudbase/js-sdk`), copy-paste MCP payloads (`manageHosting({ action: "setWebsiteDocument", indexDocument: "index.html", errorDocument: "index.html" })` with a verify step via `queryHosting({ action: "websiteConfig" })`), and a gotcha with an exact symptom ("NoSuchKey / 404"). Minor gaps: the quick-start snippet stops at init (`const auth = app.auth`) and the browser workflow is deferred elsewhere.

4 / 5

Workflow Clarity

Sequenced 4-step and 3-step workflows plus an explicit two-layer validation gate ("Only after both layers pass may you say the task is done") with a record-what-you-checked rule and unverified-step disclosure. It falls short of the top anchor because there is no inline validate-fail-fix-retry feedback loop (those live in referenced protocol files) and workflow steps are advisory rather than command-per-step.

4 / 5

Progressive Disclosure

References are clearly signaled and one level deep ("General React / Vue / Vite guidance -> `frameworks.md`", "browser-testing.md" with trigger conditions), but neither `frameworks.md` nor `browser-testing.md` exists in the bundle — dead-end navigation for load-bearing content, since browser-testing.md backs the mandatory validation workflow and no fallback is stated for these files (only for sibling skills). At ~190 lines, the constitution and full CloudBase section are also inlined rather than split out.

3 / 5

Total

14

/

20

Passed

Description

83%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.

A strong description with an explicit trigger clause, six concrete capability verbs, named frameworks, and a boundary condition distinguishing engineering execution from design exploration. It is held just short of top marks by activity-category verbs instead of fuller capability coverage and a few missing natural synonyms (SPA, web app, website).

DimensionReasoningScore

Specificity

Lists six concrete action verbs ("implement, integrate, debug, build, deploy, or validate") tied to a named domain and technologies ("React, Vue, Vite... CloudBase Web integration"), matching the several-specific-actions anchor with minor gaps rather than the comprehensive anchor, since routing, static hosting, and build configuration are not mentioned.

4 / 5

Completeness

Explicitly answers both questions: the "what" is the six capability verbs on a Web frontend, and the "when" is a full trigger clause ("Use when users need to... especially for React, Vue, Vite, browser flows, or CloudBase Web integration") that even adds a scoping condition ("after the product direction is already clear").

5 / 5

Trigger Term Quality

Strong natural keywords ("React, Vue, Vite", "Web frontend", "CloudBase Web") that users would actually say, but common variations like "SPA", "web app", "website", or "UI" are missing and "browser flows" is slightly unnatural phrasing, so coverage is good rather than comprehensive.

4 / 5

Distinctiveness Conflict Risk

The clause "after the product direction is already clear" deliberately separates it from the ui-design sibling skill, and framework-specific triggers narrow the niche; however, "implement a Web frontend" remains broad enough to overlap with generic frontend development skills, so it is mostly distinct rather than minimal-conflict.

4 / 5

Total

17

/

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

config/.claude/skills/web-development/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.