This is a comprehensive skill for building Model Context Protocol servers in Nuxt using the @nuxtjs/mcp-toolkit. It covers the full lifecycle: setting up the module, creating tools (AI-callable functions), resources (read-only data), and prompts, then organizing them with the multi-handler folder convention for routing and access control. You also get guidance on building MCP Apps, which are interactive Vue widgets callable from ChatGPT or Cursor, plus session management and logging. The skill includes practical troubleshooting for common issues like tools not being discovered or OAuth loops. If you're wiring up AI assistants to your Nuxt backend and want structured guidance from installation through production patterns, this is the one to load.

skills.sh installs
240
GitHub stars
182
last updated
Aug 21, 2026

Install

$ npx -y skills add nuxt-modules/mcp-toolkit --skill manage-mcp --agent claude-code

Installs into .claude/skills of the current project.

Files

Manage MCP

Complete skill for managing Model Context Protocol (MCP) servers in Nuxt with @nuxtjs/mcp-toolkit. Setup, create tools/resources/prompts, organize with multi-handler folder convention, build interactive UI widgets (MCP Apps), wire up sessions and observability, review, and troubleshoot.

When to Use

  • Setup: "Setup an MCP server in my Nuxt app", "Add MCP to Nuxt"
  • Create: "Add a tool that calculates BMI", "Expose a README as a resource", "Create a code-review prompt"
  • Organize: "Split my MCP into admin + public endpoints", "Filter tools per user"
  • Customize: "Add authentication to my MCP", "Log every tool call to Axiom", "Stream progress to the client"
  • Build apps: "Add an interactive Vue widget callable from ChatGPT/Cursor"
  • Persist state: "Remember the user across tool calls in one session"
  • Review: "Review my MCP implementation", "Check for best practices"
  • Troubleshoot: "My tool isn't discovered", "Auto-imports don't work", "OAuth flow keeps triggering"
  • Test: "Eval which tools the model picks for these prompts"

Setup MCP Server

Installation

Sponsors

Details

Repository
github.com/nuxt-modules/mcp-toolkit
Categories
Frontend Development, DevOps & CI/CD, Git & Pull Requests, Code Review & Quality, AI & Agent Building, Debugging
First seen
Jun 3, 2026
1josiahsiegel avatartailwindcss-performancejosiahsiegel/claude-plugin-marketplaceTailwind CSS performance optimization including v4 improvements. PROACTIVELY activate for: (1) Tailwind v4 Oxide engine performance, (2) Lightning CSS minificat237skills.sh installs
2xiaodong-wu avatarweb-design-studioxiaodong-wu/web-design-studioCreate or redesign production-grade standalone websites in semantic HTML, CSS, and JavaScript with distinctive art direction and Codex-generated raster imagery.237skills.sh installs
3borghei avatarsenior-qaborghei/claude-skillsTesting for React/Next.js with Jest, React Testing Library, and Playwright. Use when generating tests, writing unit tests, analyzing coverage, scaffolding E2E t230skills.sh installs
4arco-design avatararco-designarco-design/arco-design-skillArco Design React UI component library reference (@arco-design/web-react). Use this skill whenever the user asks to build a page, create a UI, write frontend co229skills.sh installs
5longbridge avatargpui-focus-handlelongbridge/gpui-componentFocus management and keyboard navigation in GPUI. Use when handling focus, focus handles, or keyboard navigation. Enables keyboard-driven interfaces with proper227skills.sh installs
6fadinglight9291117 avatararkts-developmentfadinglight9291117/arkts_skillsHarmonyOS ArkTS application development with ArkUI declarative UI framework. Use when building HarmonyOS/OpenHarmony apps, creating ArkUI components, implementi223skills.sh installs