beginner⏱️ 10-20 minutes📅 Updated June 2026

Step-by-step guide to integrate shadcn MCP Server MCP server with BeeAI Framework. Enhanced BeeAI Framework functionality with shadcn MCP Server integration.

shadcn MCP Server + BeeAI Framework: Complete MCP Integration

shadcn MCP Server is a MCP server that Use the shadcn MCP server to browse, search, and install components from registries with natural language..

When integrated with BeeAI Framework, you can:

  • Access shadcn MCP Server functionality through BeeAI Framework

This guide provides step-by-step instructions to set up shadcn MCP Server in BeeAI Framework, including configuration, examples, and troubleshooting.

What You'll Achieve

After completing this setup:

  • shadcn MCP Server will be fully integrated and operational
  • You can use shadcn MCP Server tools directly in BeeAI Framework
  • All shadcn MCP Server capabilities will be available for your workflows

Prerequisites

Before starting, ensure you have:

  • BeeAI Framework installed and configured
  • Compatible operating system (Node.js, Cross-platform)

Installation

Step 1: Install shadcn MCP Server

Configuration

Step 2: Configure BeeAI Framework

  1. Open BeeAI Framework settings
  2. Navigate to MCP server configuration
  3. Add shadcn MCP Server server with appropriate settings
  4. Save and restart if needed

Examples

Once configured, you can use shadcn MCP Server in BeeAI Framework:

Testing Your Setup

  1. Launch BeeAI Framework
  2. Verify shadcn MCP Server is available in the tools list
  3. Test basic shadcn MCP Server functionality

Troubleshooting

Common Issues

Framework Installation Fails

Symptoms: npm install errors, Dependency conflicts

Cause: Node.js version or dependency issues

Solution:

  • Verify Node.js version compatibility
  • Clear npm cache and node_modules
  • Use npm ci for clean installation
  • Check for conflicting global packages

Configuration Not Loaded

Symptoms: Config file ignored, Default settings used

Cause: Configuration file syntax or location issues

Solution:

  • Verify beeai.config.js syntax is correct
  • Check configuration file location in project root
  • Use absolute paths for server executables
  • Validate JSON/JavaScript configuration format

Workflow Execution Fails

Symptoms: Workflow errors, MCP tools not available

Cause: MCP server connection or tool execution issues

Solution:

  • Check MCP server installation and PATH
  • Verify server is responding to connections
  • Test server independently before framework integration
  • Review workflow logs for specific error messages

shadcn MCP Server not appearing in BeeAI Framework

Symptoms: Server not listed, Tools not available

Cause: Configuration or installation issue

Solution:

  • Verify configuration syntax
  • Check shadcn MCP Server installation
  • Restart BeeAI Framework
  • Check logs for error messages

Next Steps

Now that shadcn MCP Server is integrated with BeeAI Framework:

  • Explore all shadcn MCP Server capabilities through BeeAI Framework
  • Check out other MCP servers that work with BeeAI Framework
  • Join the MCP community for tips and support
  • Consider contributing to shadcn MCP Server development

Need Help?

Related Resources

More Integrations

Explore other MCP servers that work with BeeAI Framework

Need Help?

Join the MCP community for support and discussions

shadcn MCP Server + BeeAI Framework: MCP Setup Guide (2026)