MCP CopilotKit Demo

This project demonstrates how to use Composio.dev and CopilotKit together in a Next.js app.

🚀 Getting Started

1. Clone the Repository

git clone <your-repo-url>
cd mcp-copilotkit

2. Install Dependencies

Use your preferred package manager:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

3. Set Up Environment Variables

Create a .env.local file in the root directory and add the following:

# MCP (Composio) API URL
MCP_URL=https://api.composio.dev

# Your OpenAI API Key
OPENAI_API_KEY=sk-...

# (Optional) Other environment variables as needed

• MCP_URL: The base URL for Composio.dev API. Use the default above unless instructed otherwise.
• OPENAI_API_KEY: Get your API key from OpenAI.

4. Start the Development Server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Visit http://localhost:3000/copilotkit in your browser to view the demo.

🛠️ Project Structure

• app/page.tsx — Main page component.
• public/ — Static assets.
• styles/ — CSS and styling.

✨ Features

• Integrates Composio.dev for workflow automation.
• Uses CopilotKit for AI-powered features.
• Built with Next.js for fast development and deployment.

📚 Learn More

• Composio.dev Documentation
• CopilotKit Documentation
• Next.js Documentation

🤝 Contributing

Feel free to open issues or submit pull requests!