Copilot ersetzt CSS Frontend Entwickler
Nun ist es soweit! Copilot ersetzt CSS Frontend Entwickler. Mit Hilfe der KI erspare ich mir für meine Projekte externe Hilfe oder frustrierendes und zeitaufwendiges CSS Try and Error.
Copilot ersetzt CSS Frontend Entwickler
Wir setzen als hauptsächlich Backend Entwickler schon seit einigen Monaten immer wieder Copilot (oder früher ChatGPT) als virtuellen Co-Entwickler ein. Für die meisten einfachen Tätigkeiten liefert das aktuelle Model gute Algorithmen die mit wenig Aufwand direkt im Projekt verwendet werden können. Bei Fragen und beim Debuggen ist der KI Assistent auch immer eine Hilfe und verkürzt die Zeit für die Antwort fast immer.
Warum wir kein CSS mehr entwickeln lassen
Als Backend Entwickler habe ich zwar grundlegende Erfahrungen mit CSS, ein gutes Design von Grund auf kann ich aber nur mit sehr hohem Aufwand erstellen. Ich denke das geht den meisten Entwicklern so, vor allem jenen die weniger kreativ unterwegs sind. CSS ist zwar einfach zu lernen, richtig gut wird man darin aber nur durch viel Erfahrung. Das bedeutet unterschiedliche Projekte realisieren und viele Stunden Detailarbeit. Zeit die man nicht hat, wenn man hauptsächlich im Backend unterwegs ist. Bis vor kurzen wurden deshalb alle CSS und Design Aufgaben ausgelagert.
Im letzten Projekt habe ich zum ersten Mal auf den externen Entwickler verzichtet und habe das Design und den kompletten CSS Code rein von der KI erstellen lassen…mit Erfolg! Das Experiment ist geglückt und mit nur wenig Aufwand entstand ein modernes responsives Design für eine komplett neu entwickelte App ohne fertiges Framework oder Design von dem weg entwickelt wurde.
Wie funktioniert die Arbeit mit dem Copiloten?
Die KI kann sehr viel, man muss aber wissen wie man dem trainierten Model die korrekte Antwort entlockt. Als Grundregel gilt: ist die Antwort schlecht, dann war die Frage falsch. Man muss zuerst lernen wie man das korrekte Prompt erstellt. Es gibt kein exakte Anleitung dafür, man findet aber viele Tipps und Tricks. Wichtig ist der Context und eine klare Fragestellung. Ein Beispiel meiner Arbeitsweise ist wie folgt:
Als erstes erstelle ich ein Persona und erkläre dem KI Model, dass es nun als erfahrener UI/UX Entwickler antworten soll. D.h. dementsprechend soll es die Antwort finden. Danach erkläre ich so ausführlich wie nur möglich meine Ausgangssituation, mein Problem und eventuell meine bisherigen Versuche. Zuletzt bitte ich um Hilfe und ganz wichtig um Code. Wenn man dazu noch höflich ist erhält man eine 10% – 20% bessere Antwort (dazu gibt es wissenschaftliche Untersuchungen!). In meinem Fall habe ich eine Antwort mit CSS Code bekommen den ich fast zu 100% übernommen habe:
Aus Fehlern lernen
Die Arbeit mit einem LLM Modell das Code generiert ist extrem hilfreich. Man darf aber nie vergessen, es können jederzeit Fehler passieren. Es kann passieren, dass man in der Fragestellung offensichtliche Fehler begeht und deshalb ungebaut Antworten bekommt. Es ist aber auch möglich, dass die Antwort komplett falsch ist. Wie bei menschlichen Gegenübern ist es aber hilfreich diese Fehler anzusprechen. Die LLMs reagieren darauf meist mit einer überarbeiteten und korrekten Antwort. Über den Dialog findet man recht schnell das Problem und lernt dazu. Oft habe ich nach mehreren Versuchen schließlich den Fehler bei mir gefunden. Die Kommunikation mit der KI verkürzt in jedem Fall das Debuggen, denn oft sieht man den sprichwörtlichen Baum vor lauter Wald nicht.
Fazit
Das erste Mal hat bei einem meiner Projekte die KI eine menschliche Ressource ersetzt. Ich konnte zeigen, dass Copilot mit der einfachen Syntax von CSS gut zurecht kommt und ausgezeichnete Lösungen liefert. Zukünftig werden keine CSS Frontend Entwickler mehr benötigt.
Wie sind deine Erfahrungen mit Copilot? Wo unterstützt dich die KI aktuell am besten?
