CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

webmcp

Implements and debugs browser WebMCP integrations in JavaScript or TypeScript web apps. Use when exposing imperative tools through document.modelContext (with a navigator.modelContext fallback), annotating HTML forms for declarative tools, handling agent-invoked form flows, or validating WebMCP behavior in the current Chrome preview. Don't use for server-side MCP servers, REST tool backends, or non-browser providers.

75

Quality

94%

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

92%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 is an exceptionally actionable, well-sequenced procedure with strong validation checkpoints and clean one-level-deep progressive disclosure. Its only weakness is minor repetition and inline version-number detail that could be consolidated into the compatibility reference.

DimensionReasoningScore

Conciseness

Dense, imperative, and free of concept padding, but guidance is repeated (consequentialHint/debugging annotations appear in both Step 3 and Step 5; the await registerTool behavior is restated in Error Handling) and many exact Chrome build numbers are inlined rather than consolidated into the compatibility reference.

4 / 5

Actionability

Copy-paste-ready feature-detection snippet (document.modelContext || navigator.modelContext), a concrete inventory command, exact tool-name constraints, and per-error-type remedies (InvalidStateError → duplicate names; NotAllowedError → Permissions Policy) cover the common cases.

5 / 5

Workflow Clarity

A clear five-step sequence with a dedicated validation step (lifecycle, invalid-input, cancellation, and annotation audits), an explicit build/typecheck/test checkpoint, and an Error Handling section providing diagnose-and-fix feedback loops.

5 / 5

Progressive Disclosure

The body is an operational overview; four references, one asset template, and one script are each one level deep, clearly signaled with conditional 'Read X when Y' triggers, and all referenced bundle files exist.

5 / 5

Total

19

/

20

Passed

Description

92%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: concrete capabilities, an explicit 'Use when...' trigger clause with specific scenarios, and a clear negative boundary. Only minor headroom in natural-keyword synonyms.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions — 'Implements and debugs browser WebMCP integrations', 'exposing imperative tools through document.modelContext', 'annotating HTML forms for declarative tools', 'handling agent-invoked form flows', 'validating WebMCP behavior in the current Chrome preview' — with comprehensive coverage of both imperative and declarative surfaces plus debugging and validation.

5 / 5

Completeness

Explicitly answers both 'what' (implements and debugs browser WebMCP integrations in JS/TS web apps) and 'when' ('Use when exposing imperative tools... annotating HTML forms... validating WebMCP behavior'), with concrete trigger phrases and an explicit exclusion clause.

5 / 5

Trigger Term Quality

Good natural-term coverage ('WebMCP', 'JavaScript or TypeScript web apps', 'HTML forms', 'Chrome preview', 'agent-invoked form flows'), but a few natural phrasings users might say (e.g., 'model context', 'register browser tools') are missing.

4 / 5

Distinctiveness Conflict Risk

Clear niche (browser-only WebMCP via document.modelContext) with distinct triggers; the 'Don't use for server-side MCP servers, REST tool backends, or non-browser providers' exclusion keeps conflict risk minimal.

5 / 5

Total

19

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

webmaxru/web-ai-agent-skills

Path

skills/webmcp/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.