Создание Copilot для Веб-приложений
Создайте собственный веб-ориентированный Code Copilot с использованием Monaco Editor, sveltekit, Vercel AI и DaisyUI
background
Поскольку я много работал над генерацией схем OpenAPI для пользовательских действий для GPT, я хотел создать упрощенную платформу для рабочего процесса, а не 3–4 отдельных окна.
Для достижения этой цели я решил разработать веб-приложение, которое интегрирует все необходимые инструменты и интерфейсы в единую, связную среду.
Часть приложения, отвечающая за чат, позволит пользователям взаимодействовать напрямую с моделями GPT, обеспечивая бесшовный опыт генерации и уточнения пользовательских действий.
Step
Приложение создано с использованием
- Svelte & sveltekit
- Tailwindcss & DaisyUI
- cloudflare
- deepseek api
Demo
Вы можете просмотреть демоверсию на https://tmdx.xyz/write. Демоверсия демонстрирует интегрированную среду, где пользователи могут взаимодействовать с моделями GPT, генерировать пользовательские действия и уточнять их в реальном времени. Интерфейс разработан так, чтобы быть интуитивно понятным и эффективным, позволяя пользователям сосредоточиться на своих задачах без необходимости переключаться между несколькими инструментами. Демоверсия также включает функцию живого чата, которая демонстрирует, как пользователи могут общаться с моделями GPT непосредственно в приложении. Эта функция особенно полезна для тестирования и уточнения пользовательских действий, так как позволяет получить немедленную обратную связь и вносить коррективы. Кроме того, демоверсия подчеркивает интеграцию различных инструментов и API, таких как DeepSeek API, который используется для расширенных функций искусственного интеллекта. Это гарантирует, что пользователи имеют доступ к комплексному набору функций для улучшения своего рабочего процесса.