Chat-GPT-4o: Google Chrome Extension in nur 2 Minuten erstellen

Vor wenigen Tagen hat OpenAI einige Neuigkeiten angekündigt, darunter das neue Modell GPT-4o: Laut eigenen Aussagen ist das Modell genauso intelligent wie das Vorgängermodell GPT-4, aber schneller, effizienter und besitzt bessere Fähigkeiten für die Verarbeitung von Texten, Bildern und Sprache. Zeit für ein paar Tests und ein Experiment. Bereits auf den ersten Blick fällt auf: GPT-4o ist wirklich viel, viel schneller und auch das Token-Limit konnte ich im Gegensatz zum Vorgänger vorerst nicht überschreiten. Aber weiter zum eigentlichen Thema…

Ich möchte eine Google Extension erstellen (lassen)

Obwohl es vermutlich relativ einfach ist, eine Erweiterung für Google Chrome zu entwickeln, müsste ich mir dazu zuerst Informationen über den Aufbau, die Metadaten, die Scripte usw. besorgen. Ganz sicher gibt es im Internet bereits fertige „Hello World“ Grundgerüste die einfach zu adaptieren sind, aber auch das benötigt Zeit. Wie wäre es wenn ChatGPT das alles für mich erledigt? Erfahrungsgemäß sollte das kein großes Problem sein.

Die Idee und der Prompt

Zuerst habe ich mir überlegt, welche (einfache) Erweiterung ich gerne hätte. Ich entschied mich für ein Tool um mir unbekannte englische Wörter ganz einfach mit einem Klick in einer Liste speichern zu können, in der Hoffnung diese irgendwann wieder anzusehen, zu übersetzen, zu lernen oder Karteikarten zu erstellen. Zusätzlich sollen die gesammelten Wörter pro Monat inkl. Jahr gruppiert werden und beim Klick auf die Erweiterung angezeigt werden können. Außerdem möchte ich eine Schaltfläche um die Liste kopieren zu können. Ich beginne mit folgender (und auch nur wegen Repräsentationszwecke so schön geschriebener) Anweisung:

Erstelle eine Google Chrome Extension

Die Extension soll (englische) Fremdwörter speichern. Dazu möchte ich beim markieren eines Wortes einen Button rechts unter dem Wort eingefügt haben. Klicke ich auf diesen Button soll das Wort in eine Liste aufgenommen werden. Diese Liste soll beim Öffnen des Plugins sichtbar sein. außerdem möchte ich diese Liste kopieren können. Fremdwörter mit Zeitstempel versehen und in der Ansicht nach Monat+Jahr gruppieren.

Bitte stell mir die ganze Extension zum Downloaden bereit und eine kurze Anleitung wie ich das installieren kann!

Danke! Mach es super toll und du bekommst 100000 Euro Trinkgeld und ein Bier ;-)

Antwort & Ergebnis von ChatGPT

Als Antwort bekomme ich eine ausführliche Beschreibung der einzelnen Dateien, eine Anleitung wie ich die Erweiterung installieren soll und direkt ein ZIP-Archiv zum Download. Nach dem Entpacken der zip-Datei kann ich den Ordner als „Entpackte Erweiterung“ laden und sofort testen ob alles geklappt hat.

Die ausführliche Antwort von ChatGPT inkl. Installationsanleitung

Ich muss jedoch erwähnen, dass es manchmal Probleme gibt. Es kommt vor, dass ChatGPT keinen kompletten Download anbietet oder der Downloadlink nicht funktioniert. Abhilfe schafft hier eine einfache Bitte, den Fehler zu korrigieren.

Auch Die Erweiterung hat manchmal noch Fehler wie fehlende icons (Error Could not load icon ‚icon.png‘ specified in ‚action‘.) oder eine Datei fehlt gänzlich (Could not load manifest.). Diese Probleme lassen sich ebenfalls durch einen einfachen Prompt beheben.

Wie die Extension aussieht?

Eines ist klar: Die Erweiterung gewinnt keinen Designwettbewerb und bietet auch keine durchdachte User-Experience. Dazu kann entweder der Prompt verfeinert werden indem sowohl der Button als auch das Popup mit der Liste de Fremdwörter genauer beschrieben wird. Auch eine automatische Übersetzungen mit Schnittstellen zu Übersetzungsprogrammen wäre möglich. Wer ein paar einfache Programmierkenntnisse mitbringt oder einfach nur geschickt ist kann sich auch die erzeugten Dateien in einem Texteditor ansehen und einfache Änderungen selbst per Hand erledigen.

Jedoch bietet die erstellte Erweiterung eigentlich genau das, was ich in dem Prompt beschrieben habe: Ein Button und eine Liste 😉 Und das Beste daran ist, dass es mir nur wenige Minuten Zeit gekostet hat und mir in Zukunft eine manuelle Tätigkeit abnimmt.

Wird ein Wort markiert, erscheint dieser (nicht ganz so ästhetische) Button zum Speichern.

Die gespeicherten Wörter können durch das Anklicken der Extension angezeigt werden.

Was wäre sonst noch möglich?

Es ist natürlich auch möglich, komplexere Plugins zu entwickeln. Das könnte z.B. eine Erweiterung zur Erleichterung des Arbeitsalltags sein, die auf eine bestimmte Webseite oder Webapplikation zugeschnitten ist und Daten einfügt, verändert, ausblendet oder speichert.

Abseits von Browser-Extensions könnten auch vollständige Smartphone-Apps generiert werden. Je nach Programmiersprache muss diese kompiliert werden, aber das ist ein anderes Thema. Es ergeben sich unzählige Möglichkeiten. Für Programmieranfänger und für Laien bietet KI eine riesige Unterstützung, um kreative Ideen in die Tat umzusetzen. Zumindest für einen einfachen Prototypen. Ich bin schon sehr gespannt was uns die Zukunfts-KI noch alles bringen wird. Vielleicht kommt ja auch schon morgen ein großes Update für Google Gemini.