CtrlK
BlogDocsLog inGet started
Tessl Logo

add-app-to-server

This skill should be used when the user asks to "add an app to my MCP server", "add UI to my MCP server", "add a view to my MCP tool", "enrich MCP tools with UI", "add interactive UI to existing server", "add MCP Apps to my server", or needs to add interactive UI capabilities to an existing MCP server that already has tools. Provides guidance for analyzing existing tools and adding MCP Apps UI resources.

72

Quality

88%

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

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.

The body is a well-structured, highly actionable workflow with executable code, decision frameworks, a Common Mistakes section, and a verification checklist. The main gaps are minor: slightly less-lean inline comments and the absence of an explicit rebuild/revalidate feedback loop for this server-modifying batch operation.

Suggestions

Add an explicit rebuild-and-reverify loop (e.g., after Step 4-6 changes, rerun `npm run build && npm run serve` and re-run the Verify checklist) to strengthen the feedback loop for this batch/server-modifying operation.

Tighten the Optional Enhancements section by moving the CSP, streaming, and fullscreen detail into a separate reference file (or a clearly signaled subsection) to improve conciseness and progressive disclosure.

Trim a few inline comments that restate obvious intent (e.g., '// text fallback for non-UI hosts' is useful, but some one-liners could be removed) to push conciseness toward fully lean.

DimensionReasoningScore

Conciseness

The body is dense and assumes Claude's knowledge of TypeScript, MCP, and Vite without padding, but a few inline comments and the Optional Enhancements section could be trimmed slightly to reach a fully lean state.

4 / 5

Actionability

Provides fully executable, copy-paste-ready code and commands throughout — vite config, HTML entry, registerAppTool/registerAppResource, handler registration, build scripts, git clone, npm install, and test commands — covering the common cases.

5 / 5

Workflow Clarity

Steps 1-6 form a clear sequence with a user-confirmation checkpoint in Step 1 and a 5-item Verify checklist in Testing; it stops short of a 5 because there is no explicit rebuild-and-revalidate loop after each code change.

4 / 5

Progressive Disclosure

No bundle directories exist, so all content is inline, but it is well-organized into clear sections and points to the cloned SDK repo via one-level-deep, well-signaled tables; the inlining of all Optional Enhancements keeps it just short of a 5.

4 / 5

Total

17

/

20

Passed

Description

95%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.

The description is strong: it leads with natural trigger phrases, clearly states what the skill does and when to use it, and occupies a distinct niche with low conflict risk. Specificity is good but the action verbs ('analyzing', 'adding') are slightly generic relative to a top anchor.

DimensionReasoningScore

Specificity

Quotes 'guidance for analyzing existing tools and adding MCP Apps UI resources' — names the domain and several concrete actions (analyze tools, add UI resources), with only minor gaps in coverage.

4 / 5

Completeness

Explicitly answers both 'what' ('guidance for analyzing existing tools and adding MCP Apps UI resources') and 'when' (use when the user asks the listed trigger phrases), with concrete trigger phrases.

5 / 5

Trigger Term Quality

Seven natural quoted trigger phrases ('add an app to my MCP server', 'add UI to my MCP server', 'add a view to my MCP tool', 'enrich MCP tools with UI', etc.) give comprehensive coverage of synonyms and phrasings users would actually say.

5 / 5

Distinctiveness Conflict Risk

A clear niche — adding interactive UI/Apps to an existing MCP server that already has tools — with distinct, specific triggers and minimal overlap risk with unrelated skills.

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

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.