CtrlK
BlogDocsLog inGet started
Tessl Logo

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

78%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

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

67%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, actionable skill body with strong validation discipline and clear external references. Its main weakness is redundancy: the use-conditions are restated across three sections, inflating token cost without adding guidance.

Suggestions

Collapse the Activation Contract, "When to use this skill", and "How to use this skill" sections into a single use-conditions block; the Do-NOT-use list is currently duplicated across two of them.

Consolidate the static/runtime validation checks into one linear checklist (with the "only after both layers pass" gate) so the feedback loop reads as a single sequence rather than being spread across the constitution and Core workflow sections.

Move the SPA History-mode gotcha and the manageHosting/queryHosting tool example (currently inline under Static hosting defaults) into a sibling reference file and link to it, keeping the overview lean.

DimensionReasoningScore

Conciseness

Mostly efficient and free of basic-concept padding, but three overlapping sections (Activation Contract, "When to use this skill", "How to use this skill") restate the same triggers and Do-NOT-use guidance, adding tokens without new information.

3 / 5

Actionability

Provides concrete commands (tsc --noEmit, vue-tsc --noEmit, npm run build), executable MCP calls (manageHosting/queryHosting with JSON payloads), and a copy-paste SDK init snippet, with only minor gaps in coverage.

4 / 5

Workflow Clarity

Clear sequenced workflows ("How to use", "Core workflow") with explicit validation checkpoints across static and runtime layers and feedback loops, though the validation guidance is distributed across several sections rather than one linear checklist.

4 / 5

Progressive Disclosure

Well-organized sections with clearly signaled, one-level-deep references to sibling files (frameworks.md, browser-testing.md, ../auth-tool-cloudbase/SKILL.md, protocol docs); the inline CloudBase and constitution content is appropriately placed for an overview, with only minor organization gaps.

4 / 5

Total

15

/

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, trigger-rich description that names concrete verbs and frameworks while explicitly bounding when to fire. It is mostly distinct from sibling skills, with only slight overlap risk against the auth/wechat integrations it deliberately defers to.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "implement, integrate, debug, build, deploy, or validate a Web frontend" — covering the skill's surface comprehensively rather than gesturing at it.

5 / 5

Completeness

Explicitly answers both halves: the verb list answers "what" and the "Use when users need to..." clause answers "when" with concrete trigger phrasing.

5 / 5

Trigger Term Quality

Names the natural terms users say ("React, Vue, Vite, browser flows, or CloudBase Web integration") with good coverage, though a few common synonyms (e.g. "frontend", "SPA", "static site") are only implicit.

4 / 5

Distinctiveness Conflict Risk

The "after the product direction is already clear" qualifier carves a clear niche away from ui-design, with only minor overlap risk against sibling CloudBase auth/wechat skills.

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.

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