Welcome to the Workers AI Playground! This project is designed to provide a user-friendly interface for interacting with AI models and exploring their capabilities. The playground allows you to connect to Model Context Protocol (MCP) servers, manage AI tools, and run AI models with ease.
- Connect to MCP Servers: Easily connect to MCP servers to access additional AI capabilities.
- Dynamic UI: The interface is built using React and Tailwind CSS, providing a responsive and modern user experience.
- Tool Management: View and manage available AI tools when connected to an MCP server.
- Authentication: Supports authentication for secure access to MCP servers.
- Interactive Messaging: Send messages and receive AI-generated responses in real-time.
- Node.js and npm installed on your machine.
-
Clone the repository and install dependencies:
git clone https://github.com/cloudflare/ai.git pnpm i
-
Start the development server:
cd playground/ai && npm start
-
Open your browser and navigate to
http://localhost:5173to access the playground.
The project uses Tailwind CSS for styling. You can customize the theme and other configurations in the tailwind.config.ts file.
- Connect to a Server: Enter the MCP server URL and click "Connect" to establish a connection.
- Manage Tools: Once connected, view and interact with available AI tools.
- Send Messages: Use the input field to send messages and receive AI responses.
Running ./scripts/fetch-models.ts will generate the src/models.json file. Populate scripts/.env with your Cloudflare API token and account ID before doing so.
Contributions are welcome! Please fork the repository and submit a pull request with your changes.
This project is licensed under the MIT License.
- Thanks to the contributors and the open-source community for their support and collaboration.
Enjoy exploring the capabilities of AI with the Workers AI Playground!