{
  "markdown": "# NarrateAI DemoMaker — Plugin\n\n> Record and narrate **demo, tutorial, onboarding, and product-walkthrough videos** of your running web app — directly from Cursor or Claude Code. Cinematic zoom, smooth cursor animation, AI voiceover (or your own cloned voice). One prompt, no editor.\n\nThis plugin packages the [`narrateai-demomaker`](https://pypi.org/project/narrateai-demomaker/) MCP server + its companion skill into a single bundle that works in both **Cursor** and **Claude Code / Claude Desktop**. It drives a headless browser through your app and ships a fully narrated MP4 via the [NarrateAI](https://narrateai.app) pipeline.\n\n---\n\n## What it does\n\nYou say:\n\n> *\"Make a demo of my checkout flow. Sign in as my test user (creds in my `.env.local`).\"*\n\nCursor loads the bundled skill, reads your repo (routes, selectors, auth helpers, product copy), composes a structured plan + narration brief, asks you to confirm/skip the cinematic zoom steps, then drives an isolated browser session and ships a narrated MP4. End-to-end usually takes 1–3 minutes for a 30–90-second video.\n\nUse cases the same one prompt handles:\n\n- 🚀 **Product demos** — feature showcases for launch tweets, landing pages, sales follow-ups\n- 🎓 **Feature tutorials** — \"how to use X\" videos that stay in sync with your live code\n- 🚪 **Onboarding walkthroughs** — softer narration tone, automatically\n- 📖 **Doc-update videos** — refresh embedded help-centre videos after a UI change\n- 🐛 **Bug repros** — \"here's exactly what happens when you click X\"\n- 📣 **Launch teasers** — drop a 30-sec narrated clip into a Product Hunt post\n\n---\n\n## Install\n\n### Cursor\n\nBrowse the [Cursor Marketplace](https://cursor.com/marketplace), search **\"DemoMaker\"**, click **Install**.\n\n### Claude Code / Claude Desktop\n\nBrowse the [Claude plugin directory](https://claude.com/plugins) (or run `/plugin > Discover` inside Claude Code), find **\"NarrateAI DemoMaker\"**, click Install. Or via the CLI:\n\n```bash\n/plugin install narrateai-demomaker@claude-plugins-official\n```\n\n### After installing (both IDEs)\n\nRun this once in your terminal to mint your free API key — it auto-bakes the key into your IDE's MCP config:\n\n```bash\nuvx narrateai-demomaker init\n```\n\nYour browser opens, you sign in with Google or GitHub, you get **5 free minutes** of narrated video. No copy-pasting.\n\n### Manual install (any MCP-compatible client)\n\nIf you don't use Cursor or Claude:\n\n```bash\ncurl -sSL https://narrateai.app/install.sh | bash\n```\n\nThis installs `uv` (if missing), then runs `uvx narrateai-demomaker init` for you.\n\n---\n\n## What's included\n\n| Component | Path |\n|---|---|\n| MCP server entry | `mcp.json` |\n| Skill (zoom-preview UX, brief composition, codebase-aware planning) | `skills/narrateai-demomaker/SKILL.md` |\n| Reference docs (plan schema, iframe targeting, troubleshooting, etc.) | `skills/narrateai-demomaker/references/` |\n\nThe MCP server itself is shipped as a Python package on [PyPI](https://pypi.org/project/narrateai-demomaker/) and runs via `uvx` — it doesn't bundle into this plugin repo, so updates ship instantly without you needing to update the plugin.\n\n---\n\n## Free tier & pricing\n\n- **Free**: 5 minutes of narrated video, no credit card. Free-tier videos include a small NarrateAI watermark.\n- **One-Time Package**: $9.99 — 30 minutes, no expiration.\n- **Growth / Pro**: monthly subscriptions with more minutes + watermark removal.\n\nAll plans share a single credit pool — your minutes work the same whether you're using the web app, the `narrateai-mcp` server, or DemoMaker. Manage at [narrateai.app](https://narrateai.app).\n\n---\n\n## Privacy & security\n\n- The MCP server runs **locally on your machine**. It opens a headless browser that hits **your own URLs only** (localhost or your live deployment).\n- Your API key is stored in Cursor's `mcp.json` — same place every other MCP credential lives.\n- Recording is uploaded to NarrateAI's pipeline (necessary for narration). Videos are deleted after processing unless you explicitly save them in your library.\n- Source code is **never** sent to NarrateAI — the agent reads your code locally to compose a plan; only the resulting plan + raw screen recording leaves your machine.\n\n---\n\n## Links\n\n- 📚 [Product page](https://narrateai.app/demomaker)\n- 📦 [PyPI package](https://pypi.org/project/narrateai-demomaker/) *(MCP server)*\n- 🐛 [Report an issue](https://github.com/narrateai-app/demomaker-plugin/issues)\n- 💬 [Support](mailto:support@narrateai.app)\n\n---\n\n## License\n\nMIT — see [LICENSE](./LICENSE).\n",
  "bytes": 4531,
  "sha": "186a864df581c95b053233a2a60af681b837d50c1cad4f32178f21d2a414e0ea",
  "repo_slug": "narrateai-app/demomaker-plugin",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/plg_narrateai_app_demomaker_plugin_narrateai_4808d3f5/readme"
}