MCPs
Model Context Protocol - Tools you can equip your AI with for specialized capabilities
What are MCPs?
MCPs (Model Context Protocol) are tools you can equip your AI with. Instead of manually providing information to your AI, MCPs give your AI direct access to specialized services and capabilities.
How MCPs Transform Your Workflow:
Without MCP: Go to 21st Dev → Find component → Copy info → Pass to AI
With MCP: "Use 21st Dev MCP to make me a..."
How MCPs Work
MCPs connect your AI directly to services, eliminating manual steps. Here are some real-world examples:
Base MCP Example
Building onchain apps with Onchain Kit
Traditional way: Install packages → Create components → Make API calls → Provide documentation for each step
With Base MCP: "Use Base MCP to..."
21st Dev MCP Example
Getting UI components directly
Traditional way: Browse 21st Dev → Find component → Copy prompt → Paste to AI
With 21st Dev MCP: "Use 21st Dev MCP to make me a..."
Amazing MCP Use Cases
MCPs enable incredible AI capabilities across different domains:
Claude Makes Music
AI composing and creating music using MCPs
AI can directly interface with music creation tools to compose, arrange, and produce music.
Claude Creates 3D Objects in Blender
AI designing and modeling 3D objects
AI can directly control Blender to create complex 3D models, animations, and scenes.
Web Search & Research
AI conducting advanced web searches and GitHub research
MCP for web search, GitHub exploration, and comprehensive research tasks.
Popular MCPs to Get Started
Here are some essential MCPs you can start using today:
Base Docs MCP
Official Base Builder MCP for accessing Base documentation
21st Dev MCP
Magic UI component generator and library access
Base MCP
Build onchain applications with Onchain Kit
Base MCP through Cline
Integration guide for using Base MCP with Cline
Exa MCP Server
Web search, GitHub search, and general research capabilities
Example MCP Use Cases
Real-world examples and implementations
MCP Directories
Discover and install MCPs from these comprehensive directories:
Cline Bot
Add MCP directory to your Cursor using Cline
MCP.so
Comprehensive MCP marketplace and directory
Awesome MCP Servers
Curated list of MCP servers on GitHub
ChatMCP Directory
Community-driven MCP directory
Mastra AI Registry
Professional MCP registry and marketplace
Smithery Toolbox
Use to link to any MCP server
Using MCPs with AI
Once you have MCPs installed, use these prompts to leverage their capabilities:
🚀 Base Development
"Use Base MCP to create an onchain transaction component for my Next.js app"
🎨 UI Components
"Use 21st Dev MCP to make me a animated pricing card with hover effects"
🔍 Research & Search
"Use Exa MCP to research the latest trends in AI development on GitHub"
🎵 Creative Projects
"Use Music MCP to compose a background track for my web app"
📊 Data & Analytics
"Use Analytics MCP to create charts showing user engagement metrics"
Learn to Build MCPs
Want to create custom tools for your AI? You can build your own MCPs to extend AI capabilities for your specific needs.
Learn to Build MCPs
Step-by-step guide to creating your own MCP
Follow this comprehensive guide to understand MCP architecture and build custom tools for your specific use cases.