So vermeiden Sie, dass Ihre Apps wie KI-Müll aussehen

KI wird absurd gut darin, Apps zu bauen. Das Problem: Sie sehen aus wie aus dem Baukasten – extrem simpel.

Immer dieselben abgerundeten Karten.

Immer dieselben sanften Farbverläufe.

Immer dasselbe Dashboard-Layout.

Immer dasselbe UI ohne echten Gedanken dahinter.

Deshalb habe ich einen Claude Code Skill gebaut, der App-Oberflächen genau so umgestaltet, dass das nicht passiert.

es beginnt mit einem konzept

Anstatt Claude zu sagen, es soll etwas „clean“, „minimal“ oder „premium“ machen, sucht der Skill zuerst nach einem visuellen Konzept, das wirklich zur App passt.

Eine Lauf-App kann rund um eine Tartanbahn aufgebaut werden.

Eine Schlaf-App kann sich anfühlen wie ein Dorf, das langsam zur Ruhe kommt.

Eine Pflanzen-App kann aussehen wie ein Scherenschnitt aus Papier.

Eine Italienisch-Lern-App kann sich bei neapolitanischen Spielkarten bedienen.

Dieses Konzept wird dann zur Grundlage für Typografie, Layout, Farben, Illustrationen und Animationen.

Das Ziel: Schluss mit Design nach generischen UI-Mustern, hin zu einer echten Idee als Ausgangspunkt.

es nimmt nicht den ersten entwurf

Eines der größten Probleme bei KI-Design ist, dass es sich viel zu früh festlegt.

Du gibst einen Prompt ein, die KI liefert eine Richtung – und dann wird alles um diese erste Antwort herumgebaut.

Dieser Skill zwingt Claude dazu, zuerst drei verschiedene Richtungen zu erkunden.

Erst nach dem Vergleich geht es mit einer davon weiter.

Allein dadurch wirkt das Endergebnis deutlich weniger vorhersehbar.

dann prüft es seine eigene arbeit

Sobald die Screens entworfen sind, werden sie in echter iPhone-Auflösung und mit Apple-Schriftarten gerendert.

Danach sucht ein weiterer Kritik-Durchlauf gezielt nach den typischen Merkmalen von KI-generiertem UI.

Generische Komponentenmuster, schwache Hierarchie, inkonsistente Abstände, repetitive Karten, unnötige Farbverläufe, Layouts, die eher nach Template wirken als nach echtem Produkt.

Wenn etwas zu beliebig aussieht, gibt es noch eine Runde.

der workflow sieht so aus:

Konzept → Richtungen → Design → Render → Kritik → Feinschliff.

es geht nicht um schönere ki. Ich habe das nicht gebaut, weil KI keine ansprechenden Interfaces erstellen könnte.

Das kann sie.

Das Problem ist: Ansprechend und anders sind nicht dasselbe.

Viele KI-generierte Apps sehen für sich genommen poliert aus. Aber stell zehn davon nebeneinander, und sie fühlen sich an wie ein und dasselbe Produkt.

Die Bilder oben sind alle so gebaut, dass genau das nicht passiert.

Unterschiedliche Apps sollten sich wie unterschiedliche Welten anfühlen.

Und genau dafür ist dieser Skill da:

Das Tempo von KI-generiertem Design behalten, ohne am Ende etwas zu haben, das aussieht, als hätte eine KI es gemacht.