Ich, der noch nie Code geschrieben hat, habe in nur einer halben Stunde ein funktionierendes und teilbares "Mini-Programm" "besprochen" und erstellt.

Seit Anfang dieses Jahres ist „Vibe Coding“ zweifellos neben Agent der am meisten beobachtete Bereich in der KI-Branche.

Anfänger ohne Programmierkenntnisse können Cursor über natürliche Sprache anweisen, um schnell ein kleines Programm zu erstellen. Erfahrene Programmierer mit Jahren langem Erfahrungsschatz nutzen ebenfalls Vibe Coding-Tools, um ihre Effizienz erheblich zu steigern. Gleichzeitig betonen Technologiekonzerne wie Microsoft, Meta, Google, Tencent und Huawei in ihren Geschäftsberichten und Pressemitteilungen ständig: KI-Programmierung hat bereits für sie eine deutliche Effizienzsteigerung gebracht – der Codeoutput ist um mehrere Prozentpunkte gestiegen, und die Entwicklungsressourcen konnten dadurch optimiert werden.

Von Cursor, dem „King“ der KI-Programmierung, über Windsurf, das kürzlich von OpenAI und Google umworben wurde, bis hin zu TRAE, das von ByteDance gerade erst vorgestellt wurde, hat die KI-Programmierung, insbesondere KI-Entwicklungstools mit der integrierten Entwicklungsumgebung (IDE) als Kern, sich zu einer der heißesten Technologierichtungen in der gesamten Branche entwickelt. Und kürzlich hat auch Tencent offiziell angekündigt, in diesen Bereich einzusteigen und seine erste unabhängige KI-Entwicklungsplattform – CodeBuddy IDE – vorzustellen.

CodeBuddy IDE startet die interne Testphase | Quelle: Tencent Cloud

Tatsächlich ist Tencent in der KI-Programmierbranche kein Neuling. Bereits vor einigen Jahren hat Tencent die IDE-Erweiterung „Code Assistant CodeBuddy“ vorgestellt, die Entwicklern, die traditionelle IDEs wie VSCode und JetBrains nutzen, die Fähigkeit zur intelligenten Code-Vervollständigung und zur Generierung von Projekten mit mehreren Dateien bietet.

Im Mai dieses Jahres hat Tencent auf der Tencent Cloud KI-Industrieanwendungssummit erstmals die Ergebnisse der Nutzung seiner internen KI-Programmiertools preisgegeben: Derzeit nutzen 85 % der Tencent-Programmierer den Tencent Cloud Code Assistant CodeBuddy, und die gesamte Codierungszeit ist um etwa 40 % verkürzt. Dieses Tool wurde erst im April aktualisiert und hat die Softwareentwicklungssmartagent Craft integriert, wodurch seine Fähigkeiten vom Code-Vervollständigen in die Phase der aktiveren „intelligenten Entwicklung“ übergegangen sind.

Die jetzt vorgestellte unabhängige IDE-Plattform – CodeBuddy IDE – ist eine noch ambitioniertere Evolution. Sie ist nicht nur Tencents erstes unabhängiges KI-Programmierprodukt, sondern auch die erste KI-Entwicklungsarbeitsplattform in der Branche, die die gesamte Prozesskette von „Produkt-Design-Entwicklung-Bereitstellung“ integriert.

Im Gegensatz zu Chatbots wie ChatGPT kann eine KI-IDE-Plattform nicht nur Code aus natürlicher Sprache generieren, sondern auch vollständige Entwicklungsprojekte übernehmen. Benutzer müssen nur ihre Anforderungen in einer Dialogform ausdrücken, um die gesamte Prozesskette von der Produktidee über die Interaktionsgestaltung, die Codegenerierung, das Testen und Debuggen bis hin zur Bereitstellung und Veröffentlichung Schritt für Schritt abzuschließen. Dadurch können auch Benutzer ohne jegliche Entwicklungs Erfahrung tatsächlich die Erfahrung des „Dialogs als Entwicklung“ machen.

Man kann sagen, dass Produkte wie CodeBuddy IDE es erstmals Menschen ohne jegliche Programmierkenntnisse ermöglichen, tatsächlich am Schaffungsprozess digitaler Produkte teilzunehmen.

01

Nach zwei Stunden Lernen hat ein Anfänger

ein funktionierendes „Kleines Programm“ entwickelt

Vibe Coding ist schon seit einiger Zeit populär. Aber es ist mir ein wenig peinlich zu gestehen, dass ich bisher nur einige Produktpräsentationsvideos gesehen habe und noch nie tatsächlich damit gearbeitet habe. Und ich habe noch nie eine einzige Codezeile geschrieben – man kann sagen, dass dies mit CodeBuddy IDE mein erster Versuch ist, eine Anwendung „mit eigenen Händen“ zu entwickeln.

Codebuddy IDE Produktinterface | Quelle: GeekPark

Beim Öffnen von CodeBuddy IDE ist die Oberfläche hauptsächlich in zwei Bereiche unterteilt: Auf der linken Seite befindet sich der Standard-IDE-Betriebstisch, der die Ansicht und Bearbeitung des generierten Projekts mit mehreren Dateien unterstützt. Auf der rechten Seite ist der Chat-Bereich, in dem man mit einem Smartagent interagiert. Fast alle entwicklungsbezogenen Vorgänge – einschließlich der Generierung und Änderung von Produktanforderungsdokumenten, der Erstellung und Optimierung von Code, dem Debuggen von Fehlern und sogar der Bereitstellung der Anwendung – können über natürliche Sprachbefehle durchgeführt werden.

Dieser Chat-Bereich kann weiter in drei Ebenen aufgeteilt werden: Oben ist eine Reihe von Funktionsschaltflächen, darunter das Importieren von Figma-Dateien, die Konfiguration der integrierten Entwicklungsumgebung, das Aktivieren von MCP, die Vorschau und die Bereitstellung. Diese dienen hauptsächlich dazu, der KI zu helfen, die Arbeitsumgebung besser anzupassen oder die spätere Bereitstellung und das Testen zu erleichtern. In der Mitte ist das Eingabefeld für die Benutzerhinweise. Unten sind Funktionen wie die Auswahl des Modells, das Wechseln des Smartagents und die Prompt-Verstärkung verfügbar, um es den Benutzern zu erleichtern, die Reaktionsweise und die Fähigkeitsgrenzen der KI anzupassen.

Bei ersten Anblick scheint es kompliziert zu sein, aber es ist tatsächlich sehr einfach in der Anwendung.

Vor dem eigentlichen Start müssen nur zwei Dinge getan werden: Erstens muss die gewünschte Cloud-Dienstplattform konfiguriert werden. Derzeit werden Supabase und Tencents eigene Cloud-Entwicklung CloudBase unterstützt. Wenn man nur eine lokale Anwendung entwickelt, kann man diesen Schritt überspringen. Zweitens muss ein KI-Modell ausgewählt werden. Die aktuelle Version ist die ausländische Version, in der man Claude, GPT, Gemini usw. auswählen kann. In der späteren chinesischen Version werden nationale Modelle wie DeepSeek und Hunyuan unterstützt.

Nach der Konfiguration beschloss ich, von einem realen Problem auszugehen und es zu versuchen. Da ich zu viele Passwörter nicht merken kann, wollte ich schon seit einiger Zeit ein einfaches und praktisches Passwortverwaltungstool mit einer intuitiven Bedienung entwickeln. Obwohl man mit einer Cloud-Dokumentation ähnliche Funktionen teilweise erreichen kann, war dies jetzt die perfekte Gelegenheit, zu testen, „ob ich ein anständigeres Produkt entwickeln kann“.

Zuerst das Fazit: Innerhalb von weniger als einer halben Stunde habe ich ein Passwortverwaltungstool mit vollständigen Funktionen entwickelt. Beim ersten Einsatz kann man ein Anmeldepasswort einrichten, und danach muss man sich bei jeder Anmeldung authentifizieren. Nachdem man in das System eingeloggt ist, kann man die vorhandenen Passwort-Einträge nach Kategorien anzeigen, neue Einträge hinzufügen, benutzerdefinierte Kategorien erstellen und das Hauptpasswort ändern. Schließlich habe ich es auf einem Cloud-Server bereitgestellt und einen QR-Code generiert, so dass Freunde es einfach über den Scan des Codes nutzen können.

Das von mir mit CodeBuddy IDE entwickelte Passwortverwaltungstool | Quelle: GeekPark

Wie oben gezeigt, ist auch das Seitenlayout „ästhetisch ansprechend“: Der Gesamtdesignstil ist einfach und modern, die Kategorie-Icons sind klar und schön, die Bedieneingänge sind intuitiv und einfach zu bedienen, und die Innenseiten sind sauber und flüssig gestaltet. Es ist überhaupt nicht so, als hätte ein Benutzer wie ich ohne jegliche Entwicklungs Erfahrung in kurzer Zeit ein solches Produkt „entwickeln“ können.

Früher hätte es einen professionellen Programmierer mindestens eine Woche dauern können, ein kleines Tool mit vollständigen Funktionen und einem guten Benutzererlebnis von der Gestaltung über die Entwicklung bis zur Veröffentlichung zu bringen. Diesmal habe ich als „Anfänger ohne Programmierkenntnisse“ den gesamten Prozess in weniger als einer halben Stunde abgeschlossen. Ich habe nur die folgenden Schritte unternommen:

Im ersten Schritt habe ich meine Anforderungen in natürlicher Sprache beschrieben:

„Entwickle ein Passwortverwaltungstool, das ein modernes und ansprechendes Aussehen hat. Bei jedem Öffnen soll ein Anmeldepasswort erforderlich sein. Die Hauptseite soll die Passwortkategorien enthalten, standardmäßig sind es Bankkarten, Videoportale, Spielaccounts und andere Kategorien. Die Hauptseite soll auch die Möglichkeit bieten, benutzerdefinierte Kategorien hinzuzufügen, neue Einträge hinzuzufügen und das Hauptpasswort zu ändern. Die hinzugefügten neuen Einträge sollen die Kategorie auswählen können und die Plattformbezeichnung, das Konto und das Passwort eingeben können. Die Unterseite soll alle Einträge in der Kategorie anzeigen und das Ändern und Löschen unterstützen.“

Benutzerdefinierte Kategorien, die KI hat viele auswählbare Icons erstellt | Quelle: GeekPark

Dann habe ich die integrierte Prompt-Verstärkungsfunktion von CodeBuddy IDE aktiviert. Wie unten gezeigt, hat die KI meine relativ vage Beschreibung in einen klareren und strukturierten Prompt umgewandelt, damit das Large Language Model ihn leichter verstehen und ausführen kann:

Entwickle ein einfaches und ansprechendes Passwortverwaltungstool, das die folgenden Funktionen enthalten muss:

1. Sicherheitsüberprüfung:

· Beim ersten Einsatz soll ein Hauptpasswort festgelegt werden.

· Bei jedem Start muss das Hauptpasswort überprüft werden.

· Das Hauptpasswort kann innerhalb der Anwendung geändert werden.

2. Kategorienverwaltung:

· Standardkategorien: Bankkarten/Videoportale/Spielaccounts/Andere

· Benutzer können benutzerdefinierte Kategorien hinzufügen.

· Jede Kategorie hat ein eigenes Icon.

3. Eintragsverwaltung:

· Auf der ersten Seite soll es einen Eingang zum Hinzufügen von Einträgen geben.

· Eintragsfelder: Typ (auswählbar)/Plattformname/Konto/Passwort

· Die zweite Seite soll alle Einträge in der Kategorie anzeigen.

· Das Ändern und Löschen von Einträgen wird unterstützt.

4. Gestaltungsanforderungen:

· Das Gesamtdesign soll einfach und ansprechend sein.

· Die Kategorieeingänge sollen in Form von Icons + Texten sein.

· Die Eintragsliste soll die Plattform-/Kontoinformationen klar anzeigen.

· Passwörter sollen standardmäßig versteckt sein und durch Klicken angezeigt werden können.

5. Datensicherheit:

· Alle Passwortdaten müssen verschlüsselt gespeichert werden.

· Das Hauptpasswort soll mit einer starken Verschlüsselungsmethode geschützt werden.

Außerdem habe ich bemerkt, dass die Prompt-Verstärkungsfunktion zwar stark ist, aber nicht fehlerfrei ist. Beispielsweise hatte ich ursprünglich keine komplizierten Anforderungen an die Verschlüsselungsmethode gestellt, aber die KI hat die Einstellung der Verschlüsselungsstärke „ergänzt“, was zu einem Bug in der generierten Funktion führte. Mit anderen Worten, Benutzer müssen bei der Verwendung der verstärkten Prompts immer noch die generierten Inhalte vorüberprüfen.

Als nächstes hat der Smartagent Craft begonnen zu arbeiten. Er hat zunächst den strukturierten Prompt in ein standardisiertes PRD (Produktanforderungsdokument) umgewandelt, was nur ein paar Minuten gedauert hat. Danach hat die Plattform basierend auf dem PRD und meiner ausgewählten integrierten Konfiguration (diesmal Supabase) automatisch HTML-, CSS- und JavaScript-Frontend-Code generiert und die Struktur eines Projekts mit mehreren Dateien erstellt.

Nach der Codegenerierung habe ich auf „Vorschau“ geklickt und damit die Debugging-Phase begonnen.

Funktion zum Hinzufügen von Einträgen | Quelle: GeekPark

Die erste Version funktionierte zwar, aber es waren auch viele Probleme aufgetreten: Beispielsweise gab es beim ersten Öffnen der Seite direkt einen 404-Fehler, es war nicht möglich, beim ersten Login das Anfangspasswort einzurichten, neue Kategorien konnten nicht hinzugefügt werden und das Seitenlayout war unordentlich.

Bei Problemen musste ich einfach die Probleme beschreiben und Screenshots hochladen, und zwar nur Screenshots, und die Probleme in natürlicher Sprache erklären, wie „Der Kategorieknopf reagiert nicht“ oder „Die Seite zum Einrichten des Hauptpassworts kann nicht geöffnet werden“. Die KI konnte dann die Probleme erkennen und automatisch beheben. Bei einigen komplexeren Bugs konnte man auch die Protokollinformationen nutzen, um die Probleme genauer zu lokalisieren. Aber in meinem Fall hat die KI alle Probleme behoben, ohne dass ich die Protokollinformationen hochladen musste.

Der gesamte Debugging-Prozess hat etwa 10 Minuten gedauert. Nachdem die Produktfunktionen und das Benutzererlebnis im Wesentlichen verbessert waren, habe ich auf die Schaltfläche „Bereitstellung“ geklickt, und die KI hat begonnen, das Projekt auf Supabases CloudStudio bereitzustellen. Der Prozess hat automatisch die Berechtigungsverwaltung, die Datenbankerstellung, die Dateiverwaltung und alle anderen Schritte abgeschlossen. Schließlich habe ich einen Cloud-Link und einen QR-Code erhalten, über den ich es selbst zugreifen und es auch an