Copilot für das Web erstellen
Erstellen Sie Ihren eigenen webbasierten Code Copilot mit dem Monaco Editor, sveltekit, Vercel AI und DaisyUI
Hintergrund
Da ich eine Menge Arbeit in die Generierung von OpenAPI-Schemas für benutzerdefinierte Aktionen für GPTs investiert habe, wollte ich eine optimierte Plattform für den Workflow erstellen, anstatt 3–4 separate Fenster zu verwenden.
Um dies zu erreichen, habe ich mich entschieden, eine webbasierte Anwendung zu entwickeln, die alle notwendigen Tools und Schnittstellen in eine einzige, zusammenhängende Umgebung integriert.
Der Chat-Teil der Anwendung ermöglicht es Benutzern, direkt mit GPT-Modellen zu interagieren, und bietet eine nahtlose Erfahrung für die Generierung und Verfeinerung benutzerdefinierter Aktionen.
Schritt
Die Anwendung wurde mit
- Svelte & sveltekit
- Tailwindcss & DaisyUI
- cloudflare
- deepseek api
Demo
Sie können die Demo unter https://tmdx.xyz/write ansehen. Die Demo zeigt die integrierte Umgebung, in der Benutzer mit GPT-Modellen interagieren, benutzerdefinierte Aktionen generieren und diese in Echtzeit verfeinern können. Die Benutzeroberfläche ist so konzipiert, dass sie intuitiv und effizient ist, sodass Benutzer sich auf ihre Aufgaben konzentrieren können, ohne zwischen mehreren Tools wechseln zu müssen. Die Demo enthält auch ein Live-Chat-Feature, das zeigt, wie Benutzer direkt innerhalb der Anwendung mit GPT-Modellen kommunizieren können. Dieses Feature ist besonders nützlich zum Testen und Verfeinern benutzerdefinierter Aktionen, da es sofortiges Feedback und Anpassungen ermöglicht. Darüber hinaus hebt die Demo die Integration verschiedener Tools und APIs hervor, wie z.B. die DeepSeek API, die für erweiterte KI-Funktionen verwendet wird. Dies stellt sicher, dass Benutzer auf ein umfassendes Funktionspaket zugreifen können, um ihren Workflow zu verbessern.