Building Copilot On The Web
Build your own web-based Code Copilot using the Monaco Editor, sveltekit, Vercel AI, and DaisyUI
background
As I’ve been doing a fair bit of work in generating OpenAPI Schema for custom actions for GPTs, I wanted to create a streamlined platform for the workflow rather than 3–4 separate windows.
To achieve this, I decided to develop a web-based application that integrates all necessary tools and interfaces into a single, cohesive environment.
The chat portion of the application will allow users to interact directly with GPT models, providing a seamless experience for generating and refining custom actions.
Step
The application is made using
- Svelte & sveltekit
- Tailwindcss & DaisyUI
- cloudflare
- deepseek api
Demo
You can view the demo at https://tmdx.xyz/write The demo showcases the integrated environment where users can interact with GPT models, generate custom actions, and refine them in real-time. The interface is designed to be intuitive and efficient, allowing users to focus on their tasks without the need to switch between multiple tools.The demo also includes a live chat feature that demonstrates how users can communicate with GPT models directly within the application. This feature is particularly useful for testing and refining custom actions, as it allows for immediate feedback and adjustments. Additionally, the demo highlights the integration of various tools and APIs, such as the DeepSeek API, which is used for advanced AI functionalities. This ensures that users have access to a comprehensive suite of features to enhance their workflow.