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.

71

Quality

86%

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 strong, action-oriented guide: executable code at every step, a clear stepwise workflow, and good navigation via a ToC and table-driven references to the SDK repo. Weakest on progressive disclosure and mid-process validation, where a single long file and end-only testing leave room to split content and add interim checkpoints.

Suggestions

Add an interim validation checkpoint after Step 3/Step 4 (e.g., 'run npm run build:ui and confirm dist/mcp-app.html exists before registering the resource') to raise workflow clarity toward 5.

Move the Optional Enhancements section (App-Only Helpers, CSP, Streaming, Fullscreen) into a separate reference file linked from SKILL.md to improve progressive disclosure and reduce inline length.

DimensionReasoningScore

Conciseness

The body is mostly efficient — concrete code blocks, tables, and short imperative prose assuming Claude's competence, with little explanation of concepts Claude already knows. Not a 5 because the Table of Contents and a few explanatory sentences ('UI is an enhancement, not a replacement') could be trimmed; not a 3 because padding is minor.

4 / 5

Actionability

Provides copy-paste-ready, executable guidance throughout: a git clone command, npm install lines, a complete vite.config.ts, HTML entry, package.json scripts, and full registerAppTool/registerAppResource/App handler code covering the common cases. Not below 5 because examples are concrete and run as written (modulo user-supplied fetchData).

5 / 5

Workflow Clarity

A clear six-step sequence (Analyze → Dependencies → Build Pipeline → Convert → Register → Build UI) plus a Common Mistakes list and a five-item Testing/Verify checklist. Not a 5 because validation lives only at the end (no mid-process checkpoints or explicit error-recovery feedback loops); not a 3 because the sequence and a verification checklist are present. The operation is not destructive/batch, so the 3-cap does not apply.

4 / 5

Progressive Disclosure

Well-organized with a ToC and clearly signaled one-level-deep references to the cloned SDK repo (API source files, examples, framework templates) via tables rather than inlining that material. Not a 5 because no local bundle files exist and the SKILL.md itself is a single long file whose optional-enhancements section could arguably live in a separate reference; not a 3 because structure and navigation are good and references are explicit.

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.

The description is excellent: it states a precise niche, lists six natural trigger phrasings, and covers both what the skill does and when to use it. The only weak spot is specificity, where the action list is thinner than the body's actual scope.

Suggestions

Expand the 'what' clause to mention the full scope (e.g., 'set up the Vite build pipeline, convert tools to App tools, register UI resources, and wire up handlers') to lift specificity toward 5.

DimensionReasoningScore

Specificity

Names the domain and two concrete actions ('analyzing existing tools and adding MCP Apps UI resources'), but coverage is not comprehensive — the six sub-tasks from the body (dependencies, build pipeline, conversion, resource registration, UI handlers) are not reflected here. Not a 4 because only a couple of actions are listed with gaps; not a 2 because actions are concrete rather than generic.

3 / 5

Completeness

Explicitly answers both 'what' ('Provides guidance for analyzing existing tools and adding MCP Apps UI resources') and 'when' ('This skill should be used when the user asks to...') with concrete trigger phrases. Not below 5 because both halves are present and explicit.

5 / 5

Trigger Term Quality

Six natural user phrasings are quoted verbatim ('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'), giving comprehensive coverage with synonyms. Not below 5 because no common variation a user would say is missing.

5 / 5

Distinctiveness Conflict Risk

Targets a clear niche ('an existing MCP server that already has tools') with distinct, domain-specific triggers unlikely to fire for unrelated skills. Not below 5 because the scope is tightly bounded to MCP Apps UI enrichment.

5 / 5

Total

18

/

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
seanGSISG/claude-depot
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.