Toolverse
All skills
Data Science

create-mcp-app

by modelcontextprotocol

This skill should be used when the user asks to \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
modelcontextprotocol
Category
Data Science
Views
28
GitHub repo

About this skill

This skill should be used when the user asks to \

How to use

  1. Określ, czy dodajesz interfejs do istniejącego serwera MCP, czy tworzysz nowy serwer. W pierwszym przypadku zaimportuj funkcje registerAppTool i registerAppResource z SDK, w drugim skonfiguruj nowy serwer z transportem (stdio lub HTTP).
  2. Wybierz framework do budowy interfejsu: React (jeśli znasz hook useApp), Vanilla JS (dla prostych aplikacji bez komplikacji budowania) lub inny framework zgodnie z preferencją.
  3. Sklonuj repozytorium SDK, aby uzyskać dostęp do szablonów i przykładów kodu: git clone --branch "v$(npm view @modelcontextprotocol/ext-apps version)" --depth 1 https://github.com/modelcontextprotocol/ext-apps.git /tmp/mcp-ext-apps
  4. Zarejestruj narzędzie MCP z metadanymi zawierającymi resourceUri wskazujący na zasób HTML, który będzie wyświetlać interfejs.
  5. Zarejestruj zasób, który serwuje spakowany HTML z interfejsem użytkownika. Użyj vite-plugin-singlefile do bundlowania, jeśli potrzebujesz.
  6. Przetestuj przepływ: host wywołuje narzędzie, serwer zwraca wynik, host renderuje zasób UI, interfejs odbiera dane i wyświetla je użytkownikowi.

Related skills

market-analysis

by xbklairith

Use when analyzing markets or interpreting charts - applies technical indicators (RSI, MACD, Moving Averages), identifies support/resistance, analyzes multi-timeframe trends, checks fundamentals and sentiment. Activates when user says \

Data Science
29144

web-artifacts-builder

by anthropics

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX

Data Science
37124

skill-creator

by anthropics

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

Data Science
59147

rust-coding-skill

by UtakataKyosui

Guides Claude in writing idiomatic, efficient, well-structured Rust code using proper data modeling, traits, impl organization, macros, and build-speed best practices.

Data Science
248325

pdf-processing

by Ming-Kai-LC

Comprehensive PDF processing techniques for handling large files that exceed Claude Code's reading limits, including chunking strategies, text/table extraction, and OCR for scanned documents. Use when working with PDFs larger than 10-15MB or more than 30-50 pages.

Data Science
23134

data-storytelling

by wshobson

Transform data into compelling narratives using visualization, context, and persuasive structure. Use when presenting analytics to stakeholders, creating data reports, or building executive presentations.

Data Science
26105