Fragmente: Open-Source-Versionen von Anwendungen wie Claude Artifacts von Anthropic, Vercel v0 oder GPT Engineer.

Allgemeine Einführung

Fragments von E2B ist ein Open-Source-Projekt, das eine Next.js-basierte Vorlage für die Erstellung von Anwendungen bietet, die vollständig durch KI generiert werden. Das Projekt wurde entwickelt von E2B Entwickelt, um den Entwicklungsprozess von KI-Anwendungen zu vereinfachen und zu beschleunigen. Es integriert eine Vielzahl moderner Technologien und Tools wie Next.js 14, TailwindCSS, Vercel AI SDK usw. und unterstützt eine breite Palette von Programmiersprachen und Frameworks, darunter Python, Vue.js, Streamlit und andere.

Die Erstellung von reinen Front-End-Projekten mit nur einer Datei ist eine schöne Sache und kann durch Hinweiswörter und Speicherkontextmethoden beeinträchtigt werden, die die Erstellung und erfolgreiche Ausführung von komplexem Projektcode erschweren.

Funktionsliste

• Anwendungsrouting und Serverbetrieb auf Basis von Next.js 14
• Integration von shadcn/ui und TailwindCSS für das UI-Design
• Integration von AI-Funktionen mit dem Vercel AI SDK
• Unterstützung für mehrere Programmiersprachen und Frameworks (Python, Vue.js, Streamlit, Gradio, etc.)
• Unterstützung für mehrere LLM-Anbieter (OpenAI, Anthropic, Google AI, etc.)
• Bereitstellung einer sicheren Code-Ausführungsumgebung
• Unterstützung für npm- und pip-Paketverwaltung
• UI-Streaming-Updates in Echtzeit

Hilfe verwenden

Ablauf der Installation

1. Klon-Lager Führen Sie den folgenden Befehl in einem Terminal aus, um das Repository zu klonen:

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

2. Installation von Abhängigkeiten Wechseln Sie in das Repository-Verzeichnis und installieren Sie die erforderlichen Abhängigkeiten:

   cd Fragmente
npm installieren

3. Setzen von Umgebungsvariablen Erstellen einer.env.localund setzen Sie die folgenden Umgebungsvariablen:

   E2B_API_KEY=Ihr E2B-API-Schlüssel
OPENAI_API_KEY=Ihr OpenAI-API-Schlüssel
# Andere Anbieter-API-Schlüssel
ANTHROPIC_API_KEY=
GROQ_API_KEY=
FEUERWERK_API_SCHLÜSSEL=
ZUSAMMEN_API_SCHLÜSSEL=
GOOGLE_AI_API_KEY=
GOOGLE_VERTEX_CREDENTIALS=
MISTRAL_API_KEY=
xai_api_key=

4. Starten des Entwicklungsservers Führen Sie den folgenden Befehl aus, um den Entwicklungsserver zu starten:

   npm run dev

5. Erstellung von Webanwendungen Führen Sie den folgenden Befehl aus, um die Webanwendung zu erstellen:

   npm run build

Richtlinien für die Verwendung

1. Benutzerdefinierte Vorlage hinzufügen Stellen Sie sicher, dass die E2B CLI installiert und angemeldet ist. Erstellen Sie einen neuen Ordner und initialisieren Sie die neue Vorlage:

   e2b-Vorlage init

Einstellen der erzeugtene2b.DockerfileDokumentation.

2. Einsatzvorlagen Verwenden Sie die E2B CLI, um die Vorlage bereitzustellen:

   e2b-Vorlage erstellen --Name 

Sobald die Bereitstellung abgeschlossen ist, fügen Sie die neue Vorlage zumlib/templates.jsonMitte.

3. Hinzufügen von benutzerdefinierten LLM-Modellen zeigen (eine Eintrittskarte)lib/models.jsonDatei, um einen neuen Modelleintrag hinzuzufügen:

   {
"id": "mistral-large", "name".
"name": "Mistral Groß", "Anbieter":
"Anbieter": "Ollama",
"providerId": "ollama"
}

4. Hinzufügen eines benutzerdefinierten LLM-Anbieters zeigen (eine Eintrittskarte)lib/models.tsDatei, um die neue Anbieterkonfiguration hinzuzufügen:

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

Der Leitfaden für Laien zum Einstieg in die KI

Hilft Ihnen, die Nutzung von KI-Tools kostengünstig und von Null an zu erlernen.KI ist, wie Bürosoftware, eine wesentliche Fähigkeit für jeden. Die Beherrschung von KI verschafft Ihnen einen Vorteil bei der Stellensuche und die Hälfte des Aufwands bei Ihrer zukünftigen Arbeit und Ihrem Studium.

Details ansehen>