feat: add @modelcontextprotocol/create-mcp-app package

.github/workflows/npm-publish.yml

@@ -139,6 +139,42 @@ jobs:
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_SECRET }}
 
+  publish-packages:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'release'
+    environment: Release
+    needs: [publish]
+
+    permissions:
+      contents: read
+      id-token: write
+
+    strategy:
+      fail-fast: false
+      matrix:
+        package:
+          - create-mcp-app
+
+    steps:
+      - uses: actions/checkout@v6
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+      - uses: actions/setup-node@v6
+        with:
+          node-version: "22"
+          cache: npm
+          registry-url: "https://registry.npmjs.org"
+      - run: npm ci
+
+      - name: Build package
+        run: npm run build --workspace packages/${{ matrix.package }}
+
+      - name: Publish package
+        run: npm publish --workspace packages/${{ matrix.package }} --provenance --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_SECRET }}
+
   publish-mcpb:
     runs-on: ubuntu-latest
     if: github.event_name == 'release'

package.json

@@ -44,7 +44,8 @@
     "dist"
   ],
   "workspaces": [
-    "examples/*"
+    "examples/*",
+    "packages/*"
   ],
   "scripts": {
     "start": "npm run examples:dev",

packages/create-mcp-app/README.md

@@ -0,0 +1,44 @@
+# @modelcontextprotocol/create-mcp-app
+
+Scaffold new MCP App projects with one command.
+
+## Usage
+
+```bash
+# Interactive mode
+npm create @modelcontextprotocol/mcp-app
+
+# With project name
+npm create @modelcontextprotocol/mcp-app my-app
+
+# With framework
+npm create @modelcontextprotocol/mcp-app my-app --framework react
+```
+
+## Frameworks
+
+- **react** - React + Vite + TypeScript
+- **vanillajs** - Vanilla JavaScript + Vite + TypeScript
+
+## What's Included
+
+Each generated project includes:
+
+- MCP server with a sample tool
+- Interactive UI that communicates with the host
+- Vite build configuration for bundling the UI
+- TypeScript configuration
+- Development server with hot reload
+
+## Getting Started
+
+After creating your project:
+
+```bash
+cd my-app
+npm run dev
+```
+
+## License
+
+MIT

packages/create-mcp-app/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@modelcontextprotocol/create-mcp-app",
+  "version": "0.4.1",
+  "description": "Create MCP App projects with one command",
+  "type": "module",
+  "bin": {
+    "create-mcp-app": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "tsc && chmod +x dist/index.js",
+    "test": "npm run build && node test/scaffold-build.test.mjs",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/modelcontextprotocol/ext-apps",
+    "directory": "packages/create-mcp-app"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@clack/prompts": "^0.10.0",
+    "@modelcontextprotocol/sdk": "^1.24.0",
+    "picocolors": "^1.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "typescript": "^5.9.3"
+  }
+}