chore: update commands to npx mcpify-cli and add dynamic version fetching

Author: amarnath3003

README.md

@@ -90,16 +90,28 @@ Codex is a natural fit for MCPify in a few ways:
 
 ## Getting Started
 
-This repository is a monorepo containing the MCPify compiler and its supporting packages. The easiest way to try MCPify is from source:
+The easiest way to use MCPify is via `npx`. No installation required:
 
 ```bash
-npm install
-npm run build
+npx mcpify-cli analyze .
 ```
 
-Run the CLI against the flagship ecommerce example:
+To run it against the flagship ecommerce example in this repo:
 
 ```bash
+npx mcpify-cli analyze ./examples/ecommerce-saas \
+  --output ./examples/ecommerce-saas/.mcpify \
+  --prisma ./examples/ecommerce-saas/prisma/schema.prisma \
+  --swagger ./examples/ecommerce-saas/openapi.json
+```
+
+Alternatively, to build from source:
+
+```bash
+git clone https://github.com/amarnath3003/MCPify.git
+cd MCPify
+npm install
+npm run build
 npm run mcpify -- analyze ./examples/ecommerce-saas \
   --output ./examples/ecommerce-saas/.mcpify \
   --prisma ./examples/ecommerce-saas/prisma/schema.prisma \
@@ -130,7 +142,7 @@ Default command. Runs the full pipeline:
 - MCP server generation
 
 ```bash
-npm run mcpify -- analyze . \
+npx mcpify-cli analyze . \
   --swagger ./tests/fixtures/swagger/petstore.yaml \
   --prisma ./tests/fixtures/prisma/simple.prisma \
   --watch
@@ -148,31 +160,31 @@ Useful flags:
 Prompts for which analyzers to run and which source files to include.
 
 ```bash
-npm run mcpify -- interactive
+npx mcpify-cli interactive
 ```
 
 ### `frontend [path]`
 
 Extracts UI actions only and can print raw JSON.
 
 ```bash
-npm run mcpify -- frontend ./examples/internal-tool --json
+npx mcpify-cli frontend ./examples/internal-tool --json
 ```
 
 ### `swagger <file>`
 
 Converts an OpenAPI or Swagger spec directly into MCP tools.
 
 ```bash
-npm run mcpify -- swagger ./tests/fixtures/swagger/petstore.yaml
+npx mcpify-cli swagger ./tests/fixtures/swagger/petstore.yaml
 ```
 
 ### `audit [path]` & `simulate [path]`
 
 Run a static safety audit over the discovered tools and workflows. When `ANTHROPIC_API_KEY` is available, `simulate` executes an AI simulation battery against the discovered tool surface.
 
 ```bash
-npm run mcpify -- simulate ./examples/express-api
+npx mcpify-cli simulate ./examples/express-api
 ```
 
 ## Architecture

landingPage/public/demo.html

@@ -608,7 +608,7 @@
     <p class="intro-sub">MCPify analyzes your app and generates a runnable MCP server — typed, permissioned, and agent-ready.</p>
     <div class="intro-chip">
       <span class="chip-play">▶</span>
-      npm run mcpify -- analyze examples/ecommerce-saas
+      npx mcpify-cli analyze examples/ecommerce-saas
     </div>
   </div>
 </div>
@@ -843,7 +843,7 @@
   tLine('');
   await sl(350);
 
-  await tType('npm run mcpify -- analyze examples/ecommerce-saas \\');
+  await tType('npx mcpify-cli analyze examples/ecommerce-saas \\');
   tLine('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--output examples/ecommerce-saas/.mcpify \\');
   tLine('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--prisma examples/ecommerce-saas/prisma/schema.prisma \\');
   tLine('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--swagger examples/ecommerce-saas/openapi.json');

landingPage/src/components/TerminalAnimation.tsx

@@ -2,7 +2,7 @@ import { motion } from "framer-motion";
 import { useEffect, useState } from "react";
 
 const lines = [
-  { text: "$ npm run mcpify -- analyze .", delay: 0 },
+  { text: "$ npx mcpify-cli analyze .", delay: 0 },
   { text: "→ Scanning backend routes...", delay: 800 },
   { text: "→ Detecting workflows...", delay: 1600 },
   { text: "→ Extracting frontend actions...", delay: 2400 },

landingPage/src/routes/docs.tsx

@@ -62,7 +62,7 @@ const docs: DocItem[] = [
     title: "Quick Start",
     summary: "Build the repo, run the compiler, and inspect the generated MCP server in ./.mcpify.",
     highlights: ["Local source workflow", "Generated MCP output", "Works with example apps"],
-    command: "npm run mcpify -- analyze ./examples/express-api",
+    command: "npx mcpify-cli analyze ./examples/express-api",
     body: [
       {
         kind: "p",
@@ -71,7 +71,7 @@ const docs: DocItem[] = [
       { kind: "h", text: "Boot the repo" },
       { kind: "code", text: "npm install\nnpm run build" },
       { kind: "h", text: "Compile an example app" },
-      { kind: "code", text: "npm run mcpify -- analyze ./examples/express-api" },
+      { kind: "code", text: "npx mcpify-cli analyze ./examples/express-api" },
       {
         kind: "p",
         text: "The compiler writes its output to ./.mcpify by default, including the generated server, schemas, tool metadata, workflow definitions, and AGENTS.md.",
@@ -94,7 +94,7 @@ const docs: DocItem[] = [
       { kind: "code", text: "npm install\nnpm run build" },
       {
         kind: "p",
-        text: "After that, use npm run mcpify -- <command> to invoke the compiled CLI entrypoint from the root workspace.",
+        text: "After that, use npx mcpify-cli <command> to invoke the compiled CLI entrypoint from the root workspace.",
       },
     ],
   },
@@ -106,7 +106,7 @@ const docs: DocItem[] = [
     summary: "The implemented CLI exposes analyze, interactive, audit, frontend, swagger, and simulate.",
     highlights: ["6 commands", "Optional analyzers", "Watch mode"],
     command:
-      "npm run mcpify -- analyze . --swagger ./tests/fixtures/swagger/petstore.yaml --prisma ./tests/fixtures/prisma/simple.prisma",
+      "npx mcpify-cli analyze . --swagger ./tests/fixtures/swagger/petstore.yaml --prisma ./tests/fixtures/prisma/simple.prisma",
     body: [
       { kind: "h", text: "Available commands" },
       {
@@ -163,7 +163,7 @@ const docs: DocItem[] = [
     title: "Frontend Extraction",
     summary: "Frontend analysis focuses on user intent such as clicks, submissions, and navigations rather than low-level DOM details.",
     highlights: ["React and JSX", "Vue, Svelte, Angular", "UI action extraction"],
-    command: "npm run mcpify -- frontend ./examples/internal-tool --json",
+    command: "npx mcpify-cli frontend ./examples/internal-tool --json",
     body: [
       {
         kind: "p",
@@ -193,7 +193,7 @@ const docs: DocItem[] = [
     summary: "Optional schema analyzers add database operations from Prisma, Drizzle, and Mongoose into the generated tool set.",
     highlights: ["Prisma", "Drizzle", "Mongoose"],
     command:
-      "npm run mcpify -- analyze ./examples/ecommerce-saas --prisma ./examples/ecommerce-saas/prisma/schema.prisma",
+      "npx mcpify-cli analyze ./examples/ecommerce-saas --prisma ./examples/ecommerce-saas/prisma/schema.prisma",
     body: [
       {
         kind: "p",
@@ -283,7 +283,7 @@ const docs: DocItem[] = [
     title: "Audit and Simulation",
     summary: "MCPify includes both a static auditor and an optional AI simulation path for validating the generated surface.",
     highlights: ["Static audit", "Tool overview", "Optional AI security battery"],
-    command: "npm run mcpify -- simulate ./examples/express-api",
+    command: "npx mcpify-cli simulate ./examples/express-api",
     body: [
       {
         kind: "p",

landingPage/src/routes/index.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute, Link } from "@tanstack/react-router";
-import { useState, useRef } from "react";
+import { useState, useRef, useEffect } from "react";
 import { motion, useScroll, useMotionValueEvent } from "framer-motion";
 import {
   ArrowRight,
@@ -160,6 +160,17 @@ function Logo({ className = "h-9 w-auto" }: { className?: string }) {
 }
 
 function Hero() {
+  const [version, setVersion] = useState("v1.0.3");
+
+  useEffect(() => {
+    fetch("https://registry.npmjs.org/mcpify-cli/latest")
+      .then((res) => res.json())
+      .then((data) => {
+        if (data && data.version) setVersion(`v${data.version}`);
+      })
+      .catch((err) => console.error("Failed to fetch version:", err));
+  }, []);
+
   return (
     <section className="relative pt-40 pb-24 px-6 overflow-hidden">
       <div className="absolute inset-0 grid-bg pointer-events-none" />
@@ -174,7 +185,7 @@ function Hero() {
         >
           <div className="inline-flex items-center gap-2 glass rounded-full px-4 py-1.5 text-xs font-mono text-muted-foreground mb-8">
             <span className="w-1.5 h-1.5 rounded-full bg-primary animate-pulse-glow" />
-            v1.0.2 — Production ready
+            {version} — Production ready
           </div>
 
           <h1 className="text-5xl md:text-7xl font-display font-semibold tracking-tight leading-[1.02]">
@@ -187,7 +198,7 @@ function Hero() {
             MCPify automatically transforms applications, APIs, frontends, workflows, and databases into AI-native systems for autonomous agents.
           </p>
 
-          <CopyCommand command="npm run mcpify -- analyze ." />
+          <CopyCommand command="npx mcpify-cli analyze ." />
 
           <div className="mt-9 flex items-center justify-center gap-3 flex-wrap">
             <a