Opus 5.5 – Gib dir gestalterische Freiheit für App-Icons
Damals, als ich mit Fable gearbeitet habe, habe ich versucht, Fable für mich ein App-Icon designen zu lassen – aber das Ergebnis war nicht zufriedenstellend. Am Ende musste ich doch ChatGPT zum Zeichnen verwenden, aber das, was dabei herauskam, war keine Vektor-Grafik.
In den letzten Tagen habe ich mit Opus 5.5 Videos erstellt und dabei Inspiration bekommen: Wenn Opus 5.5 in der Lage ist, mit JavaScript + Canvas Bild für Bild ein Video zu erzeugen, dann sollte es auch möglich sein, damit ein Icon mit JS + Canvas zu zeichnen.
Also habe ich es ausprobiert. Die erste Version übertraf direkt meine Erwartungen: schlicht, schön und insgesamt ziemlich gelungen. Der Prompt war dabei im Grunde nur ein einziger Satz:
> Bitte entwerfe ein neues App-Icon für http://BaoCut.app – mach es einfach, farbig und so, dass es Video-Bearbeitung und einen KI-Agent widerspiegelt.
> Kann direkt mit JS ein Canvas zeichnen.
Wichtig ist: der Fokus liegt darauf, „mit JS ein Canvas zu zeichnen“ – nicht auf SVG. Mit SVG bekommt man kein so gutes JS-Draw-Canvas-Ergebnis.
Danach ging es einfach wie bei einem Kunden weiter: ständig nachbessern lassen.
Zum Beispiel fand ich, dass Lösung 3 gut ist. Also sollte es auf Basis von Lösung 3 angepasst werden. Nach ein paar Iterationen in verschiedenen Versionen bekam ich am Ende ein Setup, das ich wirklich zufriedenstellend fand.
Damals, als ich mit Fable gearbeitet habe, habe ich versucht, Fable für mich ein App-Icon designen zu lassen – aber das Ergebnis war nicht zufriedenstellend. Am Ende musste ich doch ChatGPT zum Zeichnen verwenden, aber das, was dabei herauskam, war keine Vektor-Grafik.
In den letzten Tagen habe ich mit Opus 5.5 Videos erstellt und dabei Inspiration bekommen: Wenn Opus 5.5 in der Lage ist, mit JavaScript + Canvas Bild für Bild ein Video zu erzeugen, dann sollte es auch möglich sein, damit ein Icon mit JS + Canvas zu zeichnen.
Also habe ich es ausprobiert. Die erste Version übertraf direkt meine Erwartungen: schlicht, schön und insgesamt ziemlich gelungen. Der Prompt war dabei im Grunde nur ein einziger Satz:
> Bitte entwerfe ein neues App-Icon für http://BaoCut.app – mach es einfach, farbig und so, dass es Video-Bearbeitung und einen KI-Agent widerspiegelt.
> Kann direkt mit JS ein Canvas zeichnen.
Wichtig ist: der Fokus liegt darauf, „mit JS ein Canvas zu zeichnen“ – nicht auf SVG. Mit SVG bekommt man kein so gutes JS-Draw-Canvas-Ergebnis.
Danach ging es einfach wie bei einem Kunden weiter: ständig nachbessern lassen.
Zum Beispiel fand ich, dass Lösung 3 gut ist. Also sollte es auf Basis von Lösung 3 angepasst werden. Nach ein paar Iterationen in verschiedenen Versionen bekam ich am Ende ein Setup, das ich wirklich zufriedenstellend fand.



