Фрагменты: версии с открытым исходным кодом таких приложений, как Claude Artifacts от Anthropic, Vercel v0 или GPT Engineer.

Общее введение

Fragments от E2B - это проект с открытым исходным кодом, который предоставляет шаблон на основе Next.js для создания приложений, полностью созданных искусственным интеллектом. Проект был разработан E2B Разработан для упрощения и ускорения процесса разработки приложений для искусственного интеллекта. Он объединяет множество современных технологий и инструментов, таких как Next.js 14, TailwindCSS, Vercel AI SDK и т. д., и поддерживает широкий спектр языков программирования и фреймворков, включая Python, Vue.js, Streamlit и другие.

Сборка чисто внешних однофайловых проектов - это хорошо, но на нее могут повлиять слова-подсказки и методы контекста хранения, которые затрудняют сборку и успешный запуск сложного кода проекта.

Список функций

• Маршрутизация приложений и работа серверов на основе Next.js 14
• Интеграция shadcn/ui и TailwindCSS для разработки пользовательского интерфейса
• Интеграция функций искусственного интеллекта с Vercel AI SDK
• Поддержка нескольких языков программирования и фреймворков (Python, Vue.js, Streamlit, Gradio и др.).
• Поддержка нескольких поставщиков LLM (OpenAI, Anthropic, Google AI и др.)
• Обеспечьте безопасную среду выполнения кода
• Поддержка управления пакетами npm и pip
• Потоковое обновление пользовательского интерфейса в режиме реального времени

Использование помощи

Процесс установки

1. склад клонов Выполните следующую команду в терминале, чтобы клонировать репозиторий:

   git clone https://github.com/e2b-dev/fragments.git

2. Установка зависимостей Перейдите в каталог репозитория и установите необходимые зависимости:

   cd fragments
npm install

3. Установка переменных окружения Создайте.env.localфайл и установите следующие переменные окружения:

   E2B_API_KEY=你的E2B API密钥
OPENAI_API_KEY=你的OpenAI API密钥
# 其他提供商的API密钥
ANTHROPIC_API_KEY=
GROQ_API_KEY=
FIREWORKS_API_KEY=
TOGETHER_API_KEY=
GOOGLE_AI_API_KEY=
GOOGLE_VERTEX_CREDENTIALS=
MISTRAL_API_KEY=
XAI_API_KEY=

4. Запуск сервера разработки Выполните следующую команду, чтобы запустить сервер разработки:

   npm run dev

5. Создание веб-приложений Выполните следующую команду, чтобы создать веб-приложение:

   npm run build

Руководство по использованию

1. Добавить пользовательский шаблон Убедитесь, что E2B CLI установлен, и войдите в систему. создайте новую папку и инициализируйте новый шаблон:

   e2b template init

Настройте сгенерированныйe2b.DockerfileДокументация.

2. Шаблоны развертывания Используйте E2B CLI для развертывания шаблона:

   e2b template build --name <template-name>

После завершения развертывания добавьте новый шаблон вlib/templates.jsonСредний.

3. Добавление пользовательских моделей LLM показать (билет)lib/models.jsonфайл, чтобы добавить новую запись модели:

   {
"id": "mistral-large",
"name": "Mistral Large",
"provider": "Ollama",
"providerId": "ollama"
}

4. Добавление пользовательского провайдера LLM показать (билет)lib/models.tsфайл, чтобы добавить новую конфигурацию провайдера:

   fireworks: () => createOpenAI({
apiKey: apiKey || process.env.FIREWORKS_API_KEY,
baseURL: baseURL || 'https://api.fireworks.ai/inference/v1'
})(modelNameString),