TL;DR

Devin, der selbsternannte „erste“ vollautonome Software-Ingenieur, ist kürzlich aufgetaucht und hat viel Aufmerksamkeit erregt.

Es ist noch nicht öffentlich verfügbar, aber mit ein paar Open-Source-Tools kannst du ein ähnliches Webentwicklungserlebnis schon JETZT haben und das wahrscheinlich zu einem Bruchteil der Kosten.

Mit der AI-Funktion von Wasp innerhalb seiner CLI kannst du einen vollständigen Full-Stack-Web-App-Code aus einer einfachen Eingabeaufforderung generieren. Von dort aus kannst du daran arbeiten, indem du Funktionen hinzufügst und Fehler mit Hilfe von Aider behebst.

Mit Hilfe dieser beiden KI-Agenten kannst du deine Full-Stack-App-Entwicklung beschleunigen und musst nie eine einzige Codezeile schreiben (wenn du das nicht willst).

Lies weiter für detaillierte Anweisungen, wie du loslegen kannst!

Wer zum Teufel ist Devin?

Du hast wahrscheinlich schon von Devin gehört, dem selbsternannten „ersten“ vollautonomen Software-Ingenieur.

Falls nicht, sieh dir das Promo-Video unten an:

Obwohl Devin definitiv nicht der erste seiner Art ist, hat es mit seinem Start doch viele Köpfe gedreht. Kurz gesagt, das ist es, was Devin macht:

• Nimmt eine Eingabeaufforderung entgegen
• Erstellt einen schrittweisen Plan
• Präsentiert seine Arbeit in einer schicken Benutzeroberfläche mit einem Code-Editor, Terminal, Browser und Chat-Schnittstelle
• Kann auf bestehenden Codebasen aufbauen

Obwohl es andere, ähnliche KI-Codierungsagenten gibt, hebt sich Devin durch die Verwendung einer schicken Benutzeroberfläche mit allen notwendigen integrierten Tools ab. Außerdem kann es auf bestehenden Codebasen aufbauen, was es von der Mehrheit ähnlicher Tools unterscheidet, mit Ausnahme von Aider.

Ist Devin also wirklich so beeindruckend?

Ja und nein. Wie Matthew Berman, ein prominenter AI-YouTuber, in seinem Video über Devin feststellt, war der beeindruckendste Teil von Devin wahrscheinlich der Erfolg seines Starts.

Berman wies jedoch auch auf einige Ungereimtheiten in ihren Marketingaussagen hin:

1. Devin ist definitiv nicht der erste seiner Art. Ähnliche Tools wie Mage, Aider und GPT-Pilot existieren bereits.
2. Ihr Vergleich der Leistungsbenchmarks (siehe oben) kann nicht wirklich ernst genommen werden, da Devin ein Agent ist, der mehrere Aufgaben ausführen und iterieren kann, während die LLMs, mit denen er sich vergleicht, wie GPT-4, nur „Zero-Shot“ sind (d. h. sie haben einen Versuch, die Antwort richtig zu bekommen). Um ein fairer Vergleich zu sein, sollte Devin mit anderen Agenten verglichen werden, wie GPT-Pilot, MetaGPT, Mage usw.

Darüber hinaus basiert Devin tatsächlich auf der OpenAI GPT-4 API. Das heißt, mit einer Kombination aus ein paar verfügbaren Open-Source-Tools kannst du ziemlich ähnliche Ergebnisse wie Devin erzielen, ohne dass du auf den frühen Preview-Zugriff warten musst und wahrscheinlich zu einem Bruchteil der Kosten.

Lass uns sie uns jetzt ansehen!

Wasp AI x Aider — die Open-Source-„Devin“-Alternative für Full-Stack-Web-Apps

Vor ein paar Monaten haben wir Mage veröffentlicht, eine experimentelle Plattform zur Generierung von Full-Stack-Web-Apps aus einer einfachen Eingabeaufforderung. Seit seiner Veröffentlichung wurde Mage verwendet, um über 40.000 Apps zu generieren!

Mage verwendet Wasp, ein Full-Stack-React-, Node- und Prisma-Framework, um funktionierende Full-Stack-Apps besser als die meisten Coding-Assistenten zu generieren. Warum ist das so? Das liegt daran, dass Wasp eine deklarative Konfigurationsdatei verwendet, um die Funktionen deiner App zu definieren.

Diese Konfigurationsdatei gibt dem Wasp-Compiler die Anweisungen, die er benötigt, um Client- und Servercode „zu verkleben“ und kümmert sich um eine Menge Boilerplate-Code, sodass weder du noch die KI sich um das Coding von Dingen wie Auth, Routes, Endpoints, Serverkonfiguration usw. kümmern müssen.

Mit der neuen Wasp-Aktualisierung sind jetzt alle Funktionen von Mage in die CLI integriert. Du kannst einfach Wasp installieren und wasp new ausführen und kannst dann eine neue Full-Stack-App über eine Eingabeaufforderung generieren!

Anschließend kannst du Aider, ein Befehlszeilen-Tool, das dir das Pair-Programming mit GPT-3.5/GPT-4 ermöglicht, verwenden, um auf der generierten Codebasis aufzubauen und eine Reihe cooler neuer Funktionen zu erstellen.

Wenn dir das cool erscheint und du damit beginnen möchtest, deine eigenen Full-Stack-Web-Apps mit Hilfe dieser Tools zu erstellen, befolge die unten stehenden Anweisungen!

Wasp AI in der CLI

Nachdem du Wasp installiert hast, gehe zu deinem Terminal und führe wasp new aus.

Dadurch erhältst du eine Liste von Full-Stack-Starter-Vorlagen zur Auswahl. Du solltest:

• Wähle [5] ai-generated aus der Liste der Optionen aus
• Gib eine Beschreibung deiner App ein
• Wähle die GPT-Modelle und das Kreativitätsniveau aus, die du für die Generierung verwenden möchtest

Das Spielen mit diesen Generierungseinstellungen kann unterschiedliche Ergebnisse liefern, also wenn die generierte App nicht das ist, was du dir beim ersten Mal vorgestellt hast, passe sie an und versuche es erneut.

Und mach dir keine Sorgen über die Kosten der Generierung über die OpenAI-API. Da Wasp eine DSL verwendet und eine Menge Boilerplate für uns verwaltet, wird die Menge an Code, den GPT generieren muss, erheblich reduziert.

Zum Beispiel verbraucht eine App mit Wasp AI typischerweise etwa 25k bis 60k Token, was etwa 0,10 bis 0,20 $ pro App entspricht, wenn wir eine Mischung aus GPT4 und GPT3.5 verwenden (die Standardoption)! Wenn wir es nur mit GPT4 ausführen, dann betragen die Kosten das 10-fache, d. h. es wird etwa 1 bis 2 $ kosten. Das ist immer noch viel billiger als die meisten anderen KI-Codierungsagenten da draußen, die normalerweise ~15-40 $ pro Generierung kosten. 🤯

Weiter iterieren mit AI…der

Während der ursprünglichen Veröffentlichung von Mage haben wir viele Fragen erhalten, ob es einen „Debugging-Assistenten“ gibt oder eine Möglichkeit, weiterhin AI-generierte Funktionen nach der ursprünglichen Ausgabe zu erstellen.

Obwohl dies mit Wasp AI nicht möglich ist, haben wir begonnen, andere KI-Codierungsassistenten mit Debugging-Funktionen zu erkunden, und letztendlich haben uns die Arbeitsweise und die Leistung von Aider sehr gut gefallen. Außerdem ist Aider das einzige derzeitige KI-Codierungstool, das es dir ermöglicht, auf einer bestehenden Codebasis aufzubauen, abgesehen von Devin, das noch nicht für die Öffentlichkeit verfügbar ist.

Also ist Wasp AI + Aider die perfekte Kombination!

Hinweis: Wasp ist kostenlos und Open-Source, also wenn dir gefällt, was wir tun, ziehe in Betracht, uns einen Stern auf Github zu geben! ⭐️

Nachdem du eine Full-Stack-App mit Wasp AI generiert hast, kannst du mit Aider natürliche Sprache verwenden, um neue Funktionen in deinem aktuellen Code zu generieren oder Fehler zu beheben.

So geht’s:

1. Aider installieren
2. Führe aider in der Befehlszeile aus dem Verzeichnis deines Wasp-Projekts aus
3. /add die Dateien, mit denen Aider arbeiten soll
4. Sag Aider, was es tun soll, z. B. ein Feld für „Anzahl der Nickerchen“ zum Formular hinzufügen
5. Aider plant dann einen Kurs und wendet diese Änderungen als Git-Commit an. Wenn dir die Änderungen nicht gefallen, führe /undo aus, um den Commit rückgängig zu machen
6. Wenn du beim Ausführen deines Codes mit wasp start auf Fehler stößt, kopiere und füge den Fehler in den Chat ein, um Aider die Lösung überlassen
7. Wenn du mehr Hilfe bei der Verwendung von Aider benötigst, sieh dir ihre Website an oder führe /help innerhalb von Aider aus, um eine Liste der Befehle zu erhalten

Die Zukunft ist da

Mit Wasp AI haben wir endlich die von Mage unterstützte KI-gestützte Full-Stack-App-Scaffolding-Fähigkeit zur Wasp-CLI hinzugefügt. Nutze sie, um deine nächste Full-Stack-App-Idee mit der Kraft von GPT-4 und anderen OpenAI-Modellen zu starten.

Und wenn du weiterhin Funktionen generieren oder direkt aus dem Terminal mit KI-Unterstützung debuggen möchtest, verwende Aider wie oben beschrieben, um den Workflow fortzusetzen.

Die Zukunft des Codierens ist wirklich da. Probiere es aus und lass uns wissen, was du denkst!