CtrlK
BlogDocsLog inGet started
Tessl Logo

create-mcp-app

This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs.

80

Quality

100%

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

100%Weight 40%Scale 1-3

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 that leans on tables, concrete commands, and code rather than prose, with clear sequencing and an explicit testing/verification step. References are one level deep and clearly signaled.

DimensionReasoningScore

Conciseness

Lean, table-and-command driven content that assumes Claude knows TypeScript/npm; the only conceptual line ("An MCP App combines an MCP tool with an HTML resource") conveys domain-specific structure, not generic padding.

3 / 3

Actionability

Provides executable, copy-paste-ready commands (git clone with version pinning, npm install lists, npm pkg set scripts, tsx --watch) and a concrete TypeScript handler-registration example with specific SDK function names.

3 / 3

Workflow Clarity

Clear sequencing via a decision tree, explicit project-context branches, a 'register handlers BEFORE app.connect()' ordering rule, and a two-terminal Testing section that serves as the verification checkpoint.

3 / 3

Progressive Disclosure

Well-organized into labeled sections (Quick Start, Reference Code, Advanced Patterns, Critical Notes, Testing) with one-level-deep references to the cloned SDK repo clearly signaled via tables; no nested reference chains.

3 / 3

Total

12

/

12

Passed

Description

100%Weight 40%Scale 1-3

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, third-person description with explicit trigger guidance, concrete actions, and clear niche boundaries. Both the 'what' and 'when' are answered explicitly.

DimensionReasoningScore

Specificity

Lists multiple concrete actions and scopes ("create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", "UI-resource registration", "MCP App lifecycle", "host integration") rather than vague language.

3 / 3

Completeness

Explicitly answers both: what ("Provides comprehensive guidance for building MCP Apps with interactive UIs") and when ("This skill should be used when the user asks to...") with explicit triggers.

3 / 3

Trigger Term Quality

The quoted phrases ("create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App") are natural user utterances with good coverage of common variations.

3 / 3

Distinctiveness Conflict Risk

Targets a distinct MCP Apps niche with specific triggers unlikely to fire for unrelated skills.

3 / 3

Total

12

/

12

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.