CtrlK
BlogDocsLog inGet started
Tessl Logo

convert-web-app

This skill should be used when the user asks to "add MCP App support to my web app", "turn my web app into a hybrid MCP App", "make my web page work as an MCP App too", "wrap my existing UI as an MCP App", "convert iframe embed to MCP App", "turn my SPA into an MCP App", or needs to add MCP App support to an existing web application while keeping it working standalone. Provides guidance for analyzing existing web apps and creating a hybrid web + MCP App with server-side tool and resource registration.

70

Quality

86%

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

SKILL.md
Quality
Evals
Security

Quality

Content

82%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 thorough, actionable conversion guide with concrete code, a clear step sequence, and sensible external-reference delegation via a cloned repo. It could be tightened by consolidating the overlapping hybrid examples and adding an explicit build-validation feedback loop.

Suggestions

Consolidate the repeated hybrid examples (URL params, API calls, localStorage, complete) into one canonical example with a compact diff-style table for the variant data sources to reduce redundancy.

Add an explicit build-validation feedback loop in Step 4 (e.g., 'Build, verify dist/mcp-app.html is a single self-contained file, fix and rebuild if assets are external') to raise workflow clarity.

Move the Optional Enhancements (app-only tools, streaming, fullscreen, text fallback) into a separate reference file to reduce inline bulk and improve progressive disclosure.

DimensionReasoningScore

Conciseness

Mostly efficient with tables and code; some redundancy across the multiple hybrid examples (URL params, API, localStorage, complete) and the Optional Enhancements that re-explain what code already shows.

4 / 5

Actionability

Fully executable server.ts, vite.config.ts, mcp-app.html, hybrid init code, package scripts, and exact npm/git commands — copy-paste ready across frameworks.

5 / 5

Workflow Clarity

Clear 6-step sequence with a 'Before writing any code' checkpoint in Step 2 and a Testing verify checklist, but lacks an explicit build-error validation feedback loop for the build/transform operations.

4 / 5

Progressive Disclosure

No bundle files exist; the skill delegates bulk API reference and templates to a cloned repo at one level of depth via clearly signaled tables — good structure, though substantial inline content (framework tables, optional enhancements) could warrant separate files.

4 / 5

Total

17

/

20

Passed

Description

90%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 excellent trigger coverage, clear what/when framing, and low conflict risk. The only mild gap is specificity — the action set could enumerate more discrete capabilities rather than restating the hybrid-conversion theme.

DimensionReasoningScore

Specificity

Quotes 'analyzing existing web apps' and 'creating a hybrid web + MCP App with server-side tool and resource registration' — names the domain with 1-2 concrete actions, but the action list is not fully comprehensive.

3 / 5

Completeness

Explicitly answers 'what' (creating a hybrid web + MCP App with server-side tool/resource registration) and 'when' via a concrete list of user trigger phrases plus 'needs to add MCP App support'.

5 / 5

Trigger Term Quality

Six natural quoted phrases ('turn my web app into a hybrid MCP App', 'wrap my existing UI as an MCP App', 'convert iframe embed to MCP App', 'turn my SPA into an MCP App') cover synonyms a user would actually say.

5 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (MCP App support for web apps) with specific triggers (SPA, iframe embed, hybrid) that minimize overlap with other skills.

5 / 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

skill_md_line_count

SKILL.md is long (526 lines); consider splitting into references/ and linking

Warning

Total

15

/

16

Passed

Repository
modelcontextprotocol/ext-apps
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.