create-mcp-use-app 0.12.3 → 0.13.0

package/README.md

@@ -40,7 +40,6 @@ Create a new MCP application in seconds:
 ```bash
 npx create-mcp-use-app my-mcp-server
 cd my-mcp-server
-npm run dev
 ```
 
 That's it! Your MCP server is running at `http://localhost:3000` with the inspector automatically opened in your browser.
@@ -96,6 +95,8 @@ You'll be prompted for:
 - Project name
 - Project template
 - Package manager preference
+- Install dependencies (Y/n)
+- Skills installation (Claude Code, Cursor, Both, or None)
 
 ### Direct Mode
 
@@ -122,8 +123,16 @@ npx create-mcp-use-app my-project --npm
 npx create-mcp-use-app my-project --yarn
 npx create-mcp-use-app my-project --pnpm
 
-# Install deps automatically
+# Install deps automatically (or --no-install to skip and skip prompt)
 npx create-mcp-use-app my-project --install
+npx create-mcp-use-app my-project --no-install
+
+# Skills presets for Claude Code / Cursor (omit to prompt)
+npx create-mcp-use-app my-project --skills
+npx create-mcp-use-app my-project --no-skills
+
+# List all available templates
+npx create-mcp-use-app --list-templates
 ```
 
 ---

package/dist/index.js

@@ -9,6 +9,7 @@ import TextInput from "ink-text-input";
 import { spawn, spawnSync } from "child_process";
 import {
   copyFileSync,
+  cpSync,
   existsSync,
   mkdirSync,
   mkdtempSync,
@@ -19,9 +20,12 @@ import {
 } from "fs";
 import { tmpdir } from "os";
 import { dirname, join, resolve } from "path";
+import { Readable } from "stream";
+import { pipeline } from "stream/promises";
 import { fileURLToPath } from "url";
 import ora from "ora";
 import React, { useState } from "react";
+import { extract } from "tar";
 var __filename = fileURLToPath(import.meta.url);
 var __dirname = dirname(__filename);
 function runPackageManager(packageManager, args, cwd) {
@@ -88,6 +92,81 @@ function getInstallArgs(packageManager) {
       return ["install"];
   }
 }
+function sendInstallTelemetryEvent(agents, skills) {
+  const TELEMETRY_URL = "https://add-skill.vercel.sh/t";
+  const SOURCE_REPO = "mcp-use/mcp-use";
+  const telemetryData = {
+    event: "install",
+    source: SOURCE_REPO,
+    skills,
+    agents,
+    sourceType: "github"
+  };
+  try {
+    const params = new URLSearchParams();
+    for (const [key, value] of Object.entries(telemetryData)) {
+      if (value !== void 0 && value !== null) {
+        params.set(key, String(value));
+      }
+    }
+    fetch(`${TELEMETRY_URL}?${params.toString()}`).catch(() => {
+    });
+  } catch {
+  }
+}
+async function addSkillsToProject(projectPath) {
+  const REPO_OWNER = "mcp-use";
+  const REPO_NAME = "mcp-use";
+  const REPO_COMMIT = "main";
+  const tarballUrl = `https://codeload.github.com/${REPO_OWNER}/${REPO_NAME}/tar.gz/${REPO_COMMIT}`;
+  const tempDir = mkdtempSync(join(tmpdir(), "mcp-use-skills-"));
+  try {
+    const response = await fetch(tarballUrl);
+    if (!response.ok) {
+      throw new Error(`Failed to download tarball: ${response.statusText}`);
+    }
+    await pipeline(
+      Readable.fromWeb(response.body),
+      extract({
+        cwd: tempDir,
+        filter: (path) => path.includes("/skills/"),
+        strip: 1
+        // Removes 'mcp-use-{commit}/' prefix
+      })
+    );
+    const skillsPath = join(tempDir, "skills");
+    if (!existsSync(skillsPath)) {
+      throw new Error("Skills folder not found in tarball");
+    }
+    const presets = ["cursor", "claude-code", "codex"];
+    const presetFolders = {
+      cursor: ".cursor",
+      "claude-code": ".claude",
+      codex: ".agent"
+    };
+    for (const preset of presets) {
+      const folderName = presetFolders[preset];
+      const outputPath = join(projectPath, folderName, "skills");
+      cpSync(skillsPath, outputPath, { recursive: true });
+    }
+    const skillNames = readdirSync(skillsPath, { withFileTypes: true }).filter((dirent) => dirent.isDirectory()).map((dirent) => dirent.name);
+    sendInstallTelemetryEvent(presets.join(","), skillNames.join(","));
+  } catch (error) {
+    console.log(
+      chalk.yellow(
+        "\u26A0\uFE0F  Failed to download skills from GitHub. Continuing without skills..."
+      )
+    );
+    console.log(
+      chalk.yellow(
+        `   Error: ${error instanceof Error ? error.message : String(error)}`
+      )
+    );
+    return;
+  } finally {
+    rmSync(tempDir, { recursive: true, force: true });
+  }
+}
 var program = new Command();
 function renderLogo() {
   console.log(chalk.cyan("\u259B\u259B\u258C\u259B\u2598\u259B\u258C\u2584\u2596\u258C\u258C\u259B\u2598\u2588\u258C"));
@@ -237,7 +316,7 @@ function listTemplates() {
 program.name("create-mcp-use-app").description("Create a new MCP server project").version(packageJson.version).argument("[project-name]", "Name of the MCP server project").option(
   "-t, --template <template>",
   "Template to use (starter, mcp-ui, mcp-apps, blank) or GitHub repo URL (owner/repo or https://github.com/owner/repo)"
-).option("--list-templates", "List all available templates").option("--install", "Install dependencies after creating project").option("--no-git", "Skip initializing a git repository").option("--dev", "Use workspace dependencies for development").option("--canary", "Use canary versions of packages").option("--yarn", "Use yarn as package manager").option("--npm", "Use npm as package manager").option("--pnpm", "Use pnpm as package manager").action(
+).option("--list-templates", "List all available templates").option("--install", "Install dependencies after creating project").option("--no-install", "Skip installing dependencies").option("--skills", "Install skills for all agents").option("--no-skills", "Skip installing skills").option("--no-git", "Skip initializing a git repository").option("--dev", "Use workspace dependencies for development").option("--canary", "Use canary versions of packages").option("--yarn", "Use yarn as package manager").option("--npm", "Use npm as package manager").option("--pnpm", "Use pnpm as package manager").action(
   async (projectName, options) => {
     try {
       if (options.listTemplates) {
@@ -325,6 +404,16 @@ program.name("create-mcp-use-app").description("Create a new MCP server project"
       );
       updatePackageJson(projectPath, sanitizedProjectName);
       updateIndexTs(projectPath, sanitizedProjectName);
+      if (options.template !== void 0) {
+        if (options.install === void 0) {
+          options.install = false;
+        }
+        if (options.skills === void 0) {
+          options.skills = true;
+        }
+      }
+      console.log("");
+      const shouldInstall = options.install !== void 0 ? options.install : await promptForInstall();
       let usedPackageManager = "npm";
       if (options.yarn) {
         usedPackageManager = "yarn";
@@ -341,7 +430,7 @@ program.name("create-mcp-use-app").description("Create a new MCP server project"
           usedPackageManager = defaultOrder[0];
         }
       }
-      if (options.install === true) {
+      if (shouldInstall) {
         console.log("");
         console.log(chalk.cyan("\u{1F4E6} Installing dependencies..."));
         console.log("");
@@ -442,6 +531,22 @@ program.name("create-mcp-use-app").description("Create a new MCP server project"
         }
       }
       console.log("");
+      const shouldInstallSkills = options.skills !== void 0 ? options.skills : await promptForSkillsPresets();
+      if (shouldInstallSkills) {
+        console.log("");
+        console.log(chalk.cyan("\u{1F4DA} Installing skills..."));
+        try {
+          await addSkillsToProject(projectPath);
+          console.log(chalk.green("\u2705 Skills installed successfully!"));
+        } catch (err) {
+          console.log(
+            chalk.yellow(
+              "\u26A0\uFE0F  Skills install failed. Run `npx skills add mcp-use/mcp-use` manually in root directory."
+            )
+          );
+        }
+      }
+      console.log("");
       console.log(chalk.green("\u2705 MCP server created successfully!"));
       if (options.dev) {
         console.log(
@@ -477,7 +582,7 @@ program.name("create-mcp-use-app").description("Create a new MCP server project"
       console.log("");
       console.log(chalk.bold("\u{1F680} To get started:"));
       console.log(chalk.cyan(`   cd ${sanitizedProjectName}`));
-      if (!options.install) {
+      if (!shouldInstall) {
         console.log(
           chalk.cyan(`   ${getInstallCommand(usedPackageManager)}`)
         );
@@ -767,6 +872,62 @@ function updateIndexTs(projectPath, projectName) {
   content = content.replace(/\{\{PROJECT_NAME\}\}/g, projectName);
   writeFileSync(indexPath, content);
 }
+function InstallPrompt({ onSubmit }) {
+  const [value, setValue] = useState("");
+  const handleSubmit = (val) => {
+    const trimmed = val.trim().toLowerCase();
+    if (trimmed === "" || trimmed === "y" || trimmed === "yes") {
+      onSubmit(true);
+    } else if (trimmed === "n" || trimmed === "no") {
+      onSubmit(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Install dependencies now? (Y/n)")), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, "\u276F "), /* @__PURE__ */ React.createElement(TextInput, { value, onChange: setValue, onSubmit: handleSubmit })));
+}
+async function promptForInstall() {
+  return new Promise((resolve2) => {
+    const { unmount } = render(
+      /* @__PURE__ */ React.createElement(
+        InstallPrompt,
+        {
+          onSubmit: (install) => {
+            unmount();
+            resolve2(install);
+          }
+        }
+      )
+    );
+  });
+}
+function SkillsPresetPrompt({
+  onSubmit
+}) {
+  const [value, setValue] = useState("");
+  const handleSubmit = (val) => {
+    const trimmed = val.trim().toLowerCase();
+    if (trimmed === "" || trimmed === "y" || trimmed === "yes") {
+      onSubmit(true);
+    } else if (trimmed === "n" || trimmed === "no") {
+      onSubmit(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { marginBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Install skills (Recommended)? (Y/n)")), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: "cyan" }, "\u276F "), /* @__PURE__ */ React.createElement(TextInput, { value, onChange: setValue, onSubmit: handleSubmit })));
+}
+async function promptForSkillsPresets() {
+  return new Promise((resolve2) => {
+    const { unmount } = render(
+      /* @__PURE__ */ React.createElement(
+        SkillsPresetPrompt,
+        {
+          onSubmit: (presets) => {
+            unmount();
+            resolve2(presets);
+          }
+        }
+      )
+    );
+  });
+}
 function ProjectNameInput({ onSubmit }) {
   const [value, setValue] = useState("");
   const [error, setError] = useState("");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mcp-use-app",
-  "version": "0.12.3",
+  "version": "0.13.0",
   "type": "module",
   "description": "Create MCP-Use apps with one command",
   "author": "mcp-use, Inc.",
@@ -43,10 +43,12 @@
     "ink-select-input": "^6.2.0",
     "ink-text-input": "^6.0.0",
     "ora": "^9.0.0",
-    "react": "^19.2.3"
+    "react": "^19.2.3",
+    "tar": "^7.4.3"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
+    "@types/tar": "^6.1.13",
     "vitest": "^4.0.17"
   },
   "publishConfig": {