跳到正文
cccskills
免费在 GitHub 公开

mcp-apps-builder

Build and maintain TypeScript MCP servers that connect AI to tools, plus interactive MCP Apps, using mcp-use. The skill guides implementation, authentication, migration, and verification based on the package version and types installed in the project.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

Build, modify, debug, migrate, review, or verify TypeScript MCP servers and MCP Apps with mcp-use. Use for tools, resources, prompts, middleware, Views, authentication, Skills over MCP, scaffolding, and advanced features.

查看安装方法

适用场景

  • Starting a TypeScript MCP server project
  • Adding interactive Views to MCP Apps
  • Reviewing OAuth authentication and permissions
  • Updating older code and verifying behavior

包含的文件(9)

  • SKILL.md3.6 KB
  • LICENSE.txt8.9 KB
  • references/advanced-features.md3.0 KB
  • references/auth.md2.7 KB
  • references/migration.md3.2 KB
  • references/server.md3.3 KB
  • references/skills-over-mcp.md2.6 KB
  • references/verification.md2.4 KB
  • references/views.md3.1 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Build with mcp-use

Treat the installed mcp-use package, its exported types, generated declarations, and the project's existing code as the source of truth. Inspect the installed version before choosing APIs or changing code.

Workflow

  1. Inspect package.json, the server entry, exported tool refs, mcp-env.d.ts, views/, skills/, and the installed mcp-use version.
  2. Scaffold a new stable project with create-mcp-use-app@latest and the appropriate template. Match the package version or dist-tag when working on beta, canary, or an existing versioned project.
  3. Read only the references needed for the task:
    • Server for tools, resources, prompts, MCP middleware, request context, and result envelopes.
    • Views for interactive MCP Apps, React hooks, model context, host capabilities, assets, and CSP.
    • Authentication for OAuth providers, verified identity, scopes, permissions, and authorization.
    • Skills over MCP when a server should ship reusable workflows alongside its tools.
    • Advanced features for OpenAPI, proxying, notifications, subscriptions, and elicitation.
    • Migration only when retired or compatibility-only imports, helpers, registration shapes, UI patterns, or session assumptions are present.
    • Verification before reporting implementation work complete.
  4. Implement against installed types. Prefer the framework's current conventions over copied examples or historical changelogs.
  5. Validate the smallest real lifecycle that proves the changed behavior, then expand checks in proportion to risk.

Core invariants

  • Import server APIs from mcp-use, React APIs from mcp-use/react, and OAuth provider adapters from their mcp-use/oauth/* subpaths.
  • Define tool arguments with inputSchema. Add outputSchema for structured results and every View-bound tool.
  • Return raw MCP result envelopes. A successful schema-backed tool must include matching structuredContent; an expected failure may return isError: true with model-readable content.
  • Put each View at views/<name>/view.tsx and bind it with view: { name: "<name>" }.
  • Export every statically declared tool ref consumed by a View. Default-export the server entry used by mcp-use dev, build, and start.
  • Keep identity and mutable workflow state request-scoped or in an external store. Treat client-reported metadata as unverified.
  • Consider Skills over MCP when a server exposes a repeatable, multi-step workflow that would otherwise inflate tool descriptions.

Guardrails

  • Do not invent exports, configuration fields, or callback shapes. Confirm uncertain details in installed declarations or source.
  • Do not preserve APIs that are absent from the installed version merely because they appear in an existing project.
  • Do not return a plain domain object from a tool callback.
  • Do not bind a View without a matching outputSchema and structuredContent result.
  • Do not use module globals for cross-request identity, elicitation continuity, or durable business state.
  • Do not claim success from a source build alone when types, package exports, authentication, or interactive behavior changed.
  • Do not deploy or mutate external systems unless the user explicitly requests it.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Build and maintain TypeScript MCP servers and MCP Apps with mcp-use, giving AI assistants tools and interactive views. Guides implementation, authentication, debugging, migration, review, and verification against the package version installed in the project.

中文简介正在准备中。当前显示英语简介。

  • Build an MCP server with tools and prompts
  • Add interactive React views to an MCP App
  • Migrate existing code to the installed mcp-use version
mcp-use/mcp-use1.1万2026年10月18日 更新

Build and maintain TypeScript MCP servers that connect AI to tools, plus interactive MCP Apps, using mcp-use. The skill guides implementation, authentication, migration, and verification based on the package version and types installed in the project.

中文简介正在准备中。当前显示英语简介。

  • Starting a TypeScript MCP server project
  • Adding interactive Views to MCP Apps
  • Reviewing OAuth authentication and permissions
mcp-use/mcp-use1.1万2026年10月18日 更新

Turn an OpenAPI or Swagger specification into an MCP server, a bridge that lets AI assistants call an API. Covers tool generation, authentication, local testing, and deployment to mcp-use cloud.

中文简介正在准备中。当前显示英语简介。

  • Make an internal API callable from Claude
  • Generate MCP tools from a Swagger specification
  • Test API calls locally before cloud deployment
mcp-use/mcp-use1.1万2026年10月18日 更新

Create purchase orders for approved purchases using the create-purchase-order tool. The workflow checks the approval policy first, submits the SKU, a product identifier, and requested quantity, then uses a provided template to confirm the purchase.

中文简介正在准备中。当前显示英语简介。

  • Checking the approval policy before ordering
  • Creating an order for an approved SKU and quantity
  • Confirming a purchase with the provided template
mcp-use/mcp-use1.1万2026年10月18日 更新

refunds

免费

Handle order refunds by checking the supplied refund policy first, calling refund-order with an eligible order’s ID, and using the provided confirmation template to respond to the customer.

中文简介正在准备中。当前显示英语简介。

  • Check whether an order qualifies for a refund
  • Process an eligible refund using an order ID
  • Respond using the supplied refund confirmation template
mcp-use/mcp-use1.1万2026年10月18日 更新

查看 mcp-use 的全部技能

报告此技能的问题