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 ./plugin/cloudbase/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 well-structured, highly actionable engineering skill with strong validation gates and concrete MCP/CLI examples. Its weaknesses are redundant boundary/workflow sections that could be consolidated, and references to bundle files (frameworks.md, browser-testing.md) that are not present in this environment.

Suggestions

Consolidate the overlapping sections — merge "When to use this skill" / "Do NOT use for" into the Activation Contract, and state the History-mode 404 rule once (in Static hosting defaults) with a short pointer from Common mistakes — to cut roughly 20-30 lines.

Ship the referenced bundle files (frameworks.md, browser-testing.md) in references/, or inline their essential steps and remove the pointers, so no referenced path dangles.

Merge "How to use this skill" and "Core workflow" into a single numbered sequence with the constitution's validation gates inline, and add an explicit fix-and-revalidate step after a failed browser check.

DimensionReasoningScore

Conciseness

The body is mostly dense, rule-driven content, but there is noticeable redundancy: the ui-design boundary is stated in "Read before writing code if", "Do NOT use for", and "When to use this skill"; the History-mode 404 gotcha appears in both "Common mistakes" and "Static hosting defaults"; and "When to use this skill" / "Do NOT use for" largely repeat the Activation Contract. It also over-explains a concept Claude knows ("because the static hosting looks for a file at that path instead of falling through to index.html"). This sits at anchor 3 — mostly efficient with sections that could be tightened — rather than 4, where only minor trimming would be needed.

3 / 5

Actionability

Concrete, executable guidance dominates: exact commands (`tsc --noEmit`, `npm install @cloudbase/js-sdk`), copy-paste MCP payload snippets (`manageHosting({ action: "setWebsiteDocument", ... })`, `queryHosting({ action: "websiteConfig" })`), and a runnable SDK quick-start block. It falls short of anchor 5 because some directives are non-executable pointers ("use `agent-browser` workflows from `browser-testing.md`" — a file absent from this bundle — and "matching database skill"), leaving minor gaps in coverage of common cases.

4 / 5

Workflow Clarity

The Engineering constitution provides a strong gated sequence with explicit validation checkpoints (typecheck, lint, build, tests, then browser-layer verification, "Only after both layers pass"), plus a recovery path when a layer cannot be run. It is not anchor 5 because the workflow is split across two overlapping sections ("How to use this skill" and "Core workflow") that partially duplicate each other, and the browser-layer loop lacks an explicit fix-and-revalidate iteration step.

4 / 5

Progressive Disclosure

The body is well-sectioned and defers detail via clearly signaled one-level references ("General React / Vue / Vite guidance -> `frameworks.md`", "Browser flow checks -> `browser-testing.md`", plus sibling-skill paths), but no references/, scripts/, or assets/ directories exist in this bundle — the two local reference targets are dangling. The skill anticipates missing sibling files but not its own missing bundle files, and ~190 lines of inline CloudBase/deployment detail is content that could live in a separate file, matching anchor 3 (some structure, references present but not resolvable, content that should be separate is inline).

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 Use-when trigger clause, concrete action verbs, and specific technology keywords (React, Vue, Vite, CloudBase Web). Its main weaknesses are lifecycle-level verbs instead of object-level concrete actions and slightly incomplete synonym coverage.

DimensionReasoningScore

Specificity

The description lists six concrete action verbs ("implement, integrate, debug, build, deploy, or validate") applied to a named domain ("Web frontend"), giving several specific actions. It falls short of anchor 5 because the actions are lifecycle verbs rather than object-level concrete operations (compare "Extract text and tables from PDF files, fill forms, merge documents"), leaving minor gaps in what is actually delivered.

4 / 5

Completeness

It explicitly answers both parts: what ("implement, integrate, debug, build, deploy, or validate a Web frontend") and when ("Use when users need to... after the product direction is already clear"), with concrete trigger phrases naming specific stacks. This matches the anchor 5 example structure of a what-clause plus an explicit Use-when clause with concrete triggers; anchor 4 would require the when to be less explicit, which it is not.

5 / 5

Trigger Term Quality

Includes strong natural terms users would say — "React, Vue, Vite, browser flows, or CloudBase Web integration" — giving good keyword coverage. Not anchor 5 because common variations like "frontend", "web app", "SPA", or file/tech extensions of the domain are absent, and "browser flows" is slightly unnatural phrasing.

4 / 5

Distinctiveness Conflict Risk

The scope is a clear niche — Web frontend engineering execution with named technologies — and the clause "after the product direction is already clear" explicitly separates it from design-direction skills like ui-design. It is not anchor 5 because the broad engineering verbs ("build", "debug", "deploy") still carry minor overlap risk with general web-dev, miniprogram, or backend skills not fully fenced off in the description itself.

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

plugin/cloudbase/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.