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.

64

Quality

80%

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/source/skills/web-development/SKILL.md
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.

The body delivers concrete, executable CloudBase-specific guidance with an exemplary validation constitution, but it is held back by redundancy — the same routing, 404, and validation content appears in three to four overlapping sections — and by references to bundle files (frameworks.md, browser-testing.md) that are not actually present. Consolidating duplicate sections and either shipping or inlining the referenced material would lift both conciseness and progressive disclosure.

Suggestions

Merge the four overlapping routing sections (Activation Contract, 'When to use this skill', 'How to use this skill', 'Core workflow') into a single section, and state the History-mode 404 rule once (in Static hosting defaults) with only a one-line cross-reference from 'Common mistakes'.

Ship `frameworks.md` and `browser-testing.md` in a `references/` directory (or inline their essential content) — the body currently directs the agent to files that do not exist in the bundle.

Trim explanatory rationale (why `any` is harmful, why the 404 occurs mechanically) down to the prescriptive rule plus the fix; the agent does not need the motivation to comply.

DimensionReasoningScore

Conciseness

Much of the body is genuinely additive (EnvId resolution, 404 error document, manageApps vs manageHosting), but the History-mode 404 gotcha is explained in full twice ("Common mistakes" and "Static hosting defaults"), and the Activation Contract, "When to use this skill", "How to use this skill", and "Core workflow" sections repeat the same routing and validation content. Mostly efficient but with clear tighten-able duplication — anchor 3, not 4, because whole redundant sections could be cut.

3 / 5

Actionability

Concrete executable guidance throughout: `tsc --noEmit`, `npm run build`, copy-paste MCP JSON (`manageHosting({ action: "setWebsiteDocument", indexDocument: "index.html", errorDocument: "index.html" })` and `queryHosting({ action: "websiteConfig" })`), and an SDK init snippet with correct `app.auth` usage. Not 5 because the quick-start snippet is truncated (no auth usage shown) and detailed guidance (frameworks.md, browser-testing.md, sibling skills) points to files absent from the bundle.

4 / 5

Workflow Clarity

Validation is explicit and layered — static checks (tsc/lint/build/tests), runtime browser checks via agent-browser, "Only after both layers pass", plus a fallback for when verification is blocked — which exceeds anchor 4's 'most checkpoints'. However the actual sequence is smeared across three overlapping sections (constitution, 'How to use', 'Core workflow') the reader must reconcile, so it is not one crisp sequence with feedback loops as anchor 5 requires.

4 / 5

Progressive Disclosure

References are clearly signaled with arrows ("General React / Vue / Vite guidance -> `frameworks.md`", "-> `browser-testing.md`", explicit sibling-skill paths), but scored against the actual bundle no references/, scripts/, or assets/ directories exist — the referenced files dangle — and ~190 lines of constitution and integration detail that belong in separate files are inlined. Structure is real (above anchor 2) but unresolved reference paths and inlined content fit anchor 3 better than 4.

3 / 5

Total

14

/

20

Passed

Description

88%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: it explicitly states what the skill does and when to use it, with concrete action verbs, natural trigger terms, and a boundary qualifier that separates it from design-exploration skills. The only weaknesses are a few missing common synonyms (web app, SPA, static site) and some overlap risk with generic web-development skills.

DimensionReasoningScore

Specificity

"implement, integrate, debug, build, deploy, or validate a Web frontend" lists six concrete engineering verbs covering the full lifecycle, matching the anchor-5 example's action density and comprehensiveness; there is no meaningful coverage gap that would justify 4.

5 / 5

Completeness

It explicitly answers both questions with concrete trigger phrases: 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, especially for React, Vue, Vite..."). The 'Use when' clause is present, so no cap applies; the boundary qualifier strengthens the when beyond anchor 4.

5 / 5

Trigger Term Quality

Natural user terms are present ("React", "Vue", "Vite", "browser flows", "CloudBase Web integration", "deploy"), but common phrasings like "web app", "SPA", "static site", or "website" are missing. Clearly above anchor 3's 'some relevant keywords' yet short of anchor 5's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

The "after the product direction is already clear" qualifier and framework-specific triggers carve a mostly distinct niche versus design and sibling skills, but "Web frontend" plus React/Vue is a broad domain that would also fire for generic (non-CloudBase) web work — anchor 4's 'minor overlap risk with closely related skills' fits better than anchor 5's minimal-conflict niche.

4 / 5

Total

18

/

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/source/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.