AdilMoujahid/p5js-ai-editor: A Cutting-Edge Web IDE for Crafting p5.js Sketches with AI Support and Model Context Protocol (MCP) for Claude Desktop.

The p5.js AI editor is a web-based IDE designed for creating and editing p5.js sketches, enhanced by AI assistance through Claude Desktop integration using the Model Context Protocol (MCP). Key features include a live preview with immediate code execution, file management capabilities, and a real-time console displaying color-coded messages. The interface supports multiple projects, allowing users to manage them effectively with a dashboard view and project isolation via local storage. The integration with Claude Desktop enables users to control the editor using natural language commands, such as coding tasks or file management. The system operates with Node.js and includes a structured setup for MCP and WebSocket communication, enhancing user experience. Key functions available through Claude include updating code, managing files, and executing code, facilitating an engaging coding environment. The project is open-source and welcomes contributions under the MIT License.

Source link