VibeSDK: Generierung und Bereitstellung von Full-Stack-KI-Anwendungen mit natürlicher Sprache

Cloudflare VibeSDK ist eine Open-Source-Plattform für die Generierung von KI-Anwendungen mit vollem Funktionsumfang. Sie ermöglicht es Entwicklern, die Anwendung, die sie erstellen möchten, in natürlicher Sprache zu beschreiben ("Vibe Coding") und dann KI-Intelligenzen den gesamten Prozess der Codegenerierung, des Testens und der Bereitstellung automatisieren zu lassen. Die Plattform selbst baut auf dem Entwickler-Ökosystem von Cloudflare auf und integriert eine Vielzahl von Diensten wie Workers, Durable Objects, D1-Datenbanken und R2-Speicher. Benutzer, die ihre eigene Instanz von VibeSDK bereitstellen, verfügen über eine Plattform, die es technisch nicht versierten Personen ermöglicht, Webanwendungen, interne Tools oder automatisierte Arbeitsabläufe durch Konversationsinteraktionen zu erstellen. Alle generierten Anwendungen werden in isolierten Sandbox-Containern ausgeführt und in der Vorschau geprüft, um die Sicherheit zu gewährleisten, und können schließlich mit einem einzigen Klick im globalen Netzwerk von Cloudflare bereitgestellt werden.

Funktionsliste

• Generierung natürlichsprachlicher AnwendungenDer Benutzer beschreibt einfach die Anwendungsfunktionalität in Alltagssprache, und die KI-Intelligenz analysiert sie und generiert schrittweise Code.
• Anwendungsvorschau in EchtzeitGenerierte Apps werden sofort in einem sicheren Sandbox-Container ausgeführt, und Entwickler können über einen Vorschau-Link sehen, wie die App aussieht und sie in Echtzeit testen.
• Interaktiver Chat IterationKann mit KI-Intelligenzen kommunizieren, um Änderungen und Funktionserweiterungen an der App vorzunehmen, und zwar über einen Dialog, wie bei einem Gespräch mit einem Entwickler.
• Ein-Klick-BereitstellungFertiggestellte Anwendungen können mit einem einzigen Klick für den globalen Zugriff auf Cloudflare Workers for Platforms bereitgestellt werden.
• GitHub-IntegrationUnterstützung des Exports des generierten Anwendungscodes direkt in das angegebene GitHub-Repository, was für die spätere manuelle Wartung und Sekundärentwicklung praktisch ist.
• modernes TechnologiepaketAutomatisch generierte Apps nutzen moderne Front-End-Technologien wie React, TypeScript und Tailwind CSS.
• Vollständige PlattformarchitekturDas VibeSDK selbst ist eine vollständige Referenzimplementierung mit Modulen für Front-End, Back-End (Workers), Datenbank (D1), KI-Gateway und containerisierte Sandbox.

Hilfe verwenden

Die Bereitstellung und Verwendung Ihrer eigenen Instanz von VibeSDK bedeutet, dass Sie eine private KI-Plattform haben, die Anwendungen in natürlicher Sprache generieren kann. Der gesamte Prozess ist in zwei Hauptphasen unterteilt: Bereitstellung der Plattform und Anwendungsgenerierung.

Phase 1: Bereitstellung der VibeSDK-Plattform

Am einfachsten ist es, die offizielle Cloudflare-Schaltfläche für die Bereitstellung mit einem Klick zu verwenden.

1. vorbereitende Arbeiten
Hier sind ein paar Dinge, die Sie bereithalten sollten, bevor Sie beginnen:

• Ein Cloudflare-Konto und ein Abonnement für dieRegelung für die Bezahlung von Arbeitnehmern.
• 一个Google Zwillinge API密钥，你可以从ai.google.devErhalten.
• (Erforderlich) Ein benutzerdefinierter Domainname, den Sie auf Cloudflare konfiguriert haben.

2. die Bereitstellung mit einem Klick

• Besuchen Sie die GitHub-Repository-Homepage für VibeSDK:https://github.com/cloudflare/vibesdk
• Klicken Sie auf der Seite auf die markante Schaltfläche "Deploy to Cloudflare Workers".
• Die Seite springt zu Ihrem Cloudflare-Dashboard und führt Sie durch die Erstellung eines neuen Projekts.

3. die Umgebungsvariablen konfigurieren
Während des Bereitstellungsprozesses werden Sie von Cloudflare aufgefordert, eine Reihe von Umgebungsvariablen zu konfigurieren, die für die Inbetriebnahme Ihrer VibeSDK-Instanz wichtig sind.

• GOOGLE_AI_STUDIO_API_KEYGeben Sie Ihren vorbereiteten Google Gemini API-Schlüssel ein.
• JWT_SECRETPasswort: Ein Sicherheitsschlüssel, der für die Sitzungsverwaltung verwendet wird. Sie können einen Online-Passwortgenerator verwenden, um eine ausreichend lange und zufällige Zeichenfolge zu erstellen.
• WEBHOOK_SECRETSchlüssel: Der für die Webhook-Authentifizierung verwendete Schlüssel, der wiederum eine sichere Zufallszeichenfolge erfordert.
• SECRETS_ENCRYPTION_KEYChiffrierschlüssel: Der Chiffrierschlüssel, der zur Verschlüsselung des Speicherschlüssels verwendet wird und ebenfalls eine sichere Zufallsfolge ist.
• ALLOWED_EMAIL: Geben Sie Ihre E-Mail-Adresse ein. Dies dient dazu, die Nutzung der Plattform auf Sie zu beschränken und einen unbefugten Zugriff zu verhindern.
• CUSTOM_DOMAINGeben Sie den von Ihnen vorbereiteten benutzerdefinierten Domänennamen ein. Dies ist erforderlich, da die Anwendung sonst nicht richtig funktioniert.

Nachdem Sie die Konfiguration abgeschlossen haben, klicken Sie auf die Schaltfläche Deploy und Cloudflare wird automatisch die gesamte VibeSDK-Plattform für Sie erstellen und bereitstellen.

Phase 2: Generierung einer Anwendung mit VibeSDK

Nach erfolgreicher Bereitstellung können Sie über Ihren benutzerdefinierten Domainnamen auf die VibeSDK-Benutzeroberfläche zugreifen.

1. beschreiben Sie Ihre Bewerbung
Die Hauptschnittstelle ist ein Chat-Fenster. Hier können Sie beginnen, die Anwendung zu beschreiben, die Sie erstellen möchten. Je genauer die Beschreibung ist, desto besser.
Sie können zum Beispiel versuchen, die folgenden Aufforderungswörter einzugeben:

• "Erstellen Sie eine Aufgabenliste mit Drag-and-Drop-Sortierung und Unterstützung des Dunkelmodus".
• "Erstellen Sie eine einfache Zeichenanwendung mit der Möglichkeit, Pinselgröße und Farbe anzupassen".
• "Erstellen Sie ein Werkzeug, das Farbpaletten aus Bildern erzeugt"

2. die Beobachtung des AI-Konstruktionsprozesses
Nach Übermittlung der Beschreibung beginnt die KI-Intelligenz (Agent) mit ihrer Arbeit. Er analysiert zunächst Ihre Anforderungen, erstellt dann einen Build-Plan und generiert schrittweise Code. Sie können ein Echtzeitprotokoll des gesamten Prozesses auf der Benutzeroberfläche sehen, einschließlich der Schritte wie Dateierstellung, Codegenerierung und Installation von Abhängigkeiten.

3. eine Vorschau in Echtzeit und Iteration
Nachdem der Code generiert wurde, führt VibeSDK die Anwendung automatisch in einem isolierten Sandbox-Container aus und stellt einen Vorschaulink bereit. Sie können auf den Link klicken, um die Anwendung in Aktion zu sehen.
Wenn die App nicht ganz Ihren Erwartungen entspricht, können Sie weiterhin Befehle in das Chatfenster eingeben, um Änderungen vorzunehmen. Beispiel:

• "Eine Schaltfläche zum Löschen in die Aufgabenliste einfügen"
• "Hintergrundfarbe der Seite auf grau ändern"
• "Eine Funktion zum Löschen aller Angelegenheiten hinzufügen"
  Die KI ändert den Code und generiert die Vorschau auf der Grundlage Ihrer neuen Anweisungen neu.

4. die Bereitstellung von Anwendungen
Sobald Sie mit Ihrer Vorschauanwendung zufrieden sind, können Sie sie offiziell bereitstellen. VibeSDK bietet die Möglichkeit, Ihre Anwendung als Cloudflare Worker bereitzustellen. Nach der Bereitstellung hat Ihre Anwendung eine öffentliche URL, auf die weltweit zugegriffen werden kann.

5. code exportieren
Wenn Sie den Code tiefergehend anpassen möchten, können Sie das gesamte Projekt in Ihr GitHub-Repository exportieren. Auf diese Weise können Sie Ihre sekundäre Entwicklung lokal wie ein normales Front-End-Projekt entwickeln.

Anwendungsszenario

1. Interne Werkzeugentwicklung
   Ermöglichen Sie es nicht-technischen Teams wie Marketing, Vertrieb oder Betrieb, die benötigten Daten-Kanban-Boards, Workflow-Automatisierungstools oder einfachen internen Verwaltungsseiten durch Beschreibungen in natürlicher Sprache schnell zu erstellen, ohne auf technische Ressourcen warten zu müssen.
2. Beschleunigtes Prototyping
   Produktmanager oder Designer können Ideen schnell in interaktive Anwendungsprototypen für Benutzertests und das Sammeln von Feedback umwandeln und so den Validierungszyklus vom Konzept zum Prototyp drastisch verkürzen.
3. Erweiterung der SaaS-Plattform-Funktionalität
   Ermöglicht es den Kunden von SaaS-Produkten, die Funktionalität der SaaS-Plattform zu erweitern, indem sie über natürliche Sprache maßgeschneiderte Plug-ins, Workflows oder Schnittstellen für sich selbst erstellen, ohne komplexe APIs erlernen oder Code schreiben zu müssen.
4. Einführung in Bildung und Programmierung
   Als Lernwerkzeug hilft es Programmieranfängern, den schrittweisen Aufbau einer Anwendung anhand einer einfachen Beschreibung zu veranschaulichen, um die Projektstruktur und die Codeorganisation zu verstehen.

QA

1. Wie stellt VibeSDK sicher, dass KI-generierter Code sicher ist?
   Alle von AI generierten Anwendungen werden in vollständig isolierten Cloudflare-Containern ausgeführt und in der Vorschau geprüft. Der Netzwerkzugang zu diesen Containern ist stark eingeschränkt, um sicherzustellen, dass der generierte Code nicht auf sensible externe oder interne Ressourcen zugreift und so Sicherheitsrisiken effektiv verhindert.
2. Welche AI-Modelle werden von VibeSDK unterstützt?
   Es verbindet sich mit mehreren Large Language Model (LLM)-Anbietern über Cloudflare's AI Gateway und ist derzeit in erster Linie für die Verwendung des Gemini-Modells von Google konfiguriert, ist aber so konzipiert, dass es den Wechsel und die Verwendung anderer Modelle wie die von OpenAI oder Anthropic unterstützt.
3. Wie viele Besuche kann die erstellte Anwendung bewältigen?
   Die endgültige Anwendung wird als Cloudflare Worker ausgeführt, der selbst für hohe Gleichzeitigkeit und umfangreichen Zugriff ausgelegt ist und automatisch skalieren kann, indem er das globale Netzwerk von Cloudflare nutzt, so dass er problemlos Datenverkehr von persönlichen Projekten bis hin zu Unternehmensanwendungen verarbeiten kann.
4. Ist es kostspielig, meine eigene Instanz von VibeSDK zu installieren?
   Die Kosten entstehen in erster Linie durch den Zahlungsplan von Cloudflare für Arbeitnehmer, die D1-Datenbank, R2-Speicher und die Kosten für API-Aufrufe für KI-Modelle. Für einzelne Entwickler und kleine Teams sind die Anfangskosten für die Nutzung relativ gering. Cloudflare's AI Gateway speichert auch Antworten auf häufige Anfragen, was dazu beiträgt, die Kosten für KI-Aufrufe weiter zu senken.