UI UX Pro Max

Was es tatsächlich installiert

Das Repository ist ein Datensatz mit einer Suchmaschine davor, kein cleverer Prompt. Die Installation läuft über eine CLI: `ui-ux-pro-max-cli` global installieren, dann im Projekt `uipro init --ai <Assistent>` ausführen, was die Skill-Dateien für das jeweils genutzte Werkzeug schreibt. Die README listet eine lange Reihe von Zielen — Claude Code, Cursor, Codex, Copilot, Gemini CLI, Windsurf und weitere, dazu einen universellen Pfad `.agents/skills/` für alles, was dieser Konvention folgt — und als Alternative eine Installation als Claude-Code-Plugin. Das Suchskript braucht Python 3 und nutzt laut README ausschließlich die Standardbibliothek, installiert nichts und macht keine Netzwerkaufrufe.

• 192 branchenspezifische Denkregeln eine je Produkttyp — Fintech, Zahnarztpraxis, Entwicklerwerkzeug, Gewohnheits-Tracker — jede mit einem empfohlenen Seitenmuster, einer Stilpriorität, einer Farb- und Typografiestimmung und den Anti-Patterns, die in dieser Branche zu vermeiden sind.
• 79 durchsuchbare UI-Stile, davon 50 aktiv die übrigen 29 sind ergänzend und werden nur auf eine ausdrückliche oder exakte Anfrage zurückgegeben, und weitere 9 veraltete Namen stehen ganz außerhalb des Rankings und verweisen auf einen kanonischen Stil. Die Aufschlüsselung zu veröffentlichen statt einer einzigen Schlagzeilenzahl ist ein ehrlicherer Katalog, als die meisten dieser Pakete bieten.
• 192 Farbpaletten und 74 Schriftpaarungen eins zu eins denselben Produkttypen zugeordnet, samt der Google-Fonts-Importe.
• 34 Landingpage-Muster bewusst in einem eigenen Datensatz gehalten, damit die Seitenstruktur im selben Ranking nicht mit dem visuellen Stil konkurriert.
• 119 UX-Richtlinien mit Schwerpunkt auf Fehlern, die erst in der Produktion auftauchen: Text, der beim Zoomen im Browser abgeschnitten wird, Chip-Reihen, die nicht umbrechen können, Badges, die Bedeutung allein über Farbe transportieren, unterbrochene Animationen, die im falschen Zustand stehen bleiben.

Warum ein Regelpaket verändert, was ein Assistent baut

Bitten Sie einen Coding-Assistenten um eine Landingpage, und Sie erhalten den Durchschnitt von allem, was er gesehen hat: ein zentrierter Hero, drei gleiche Karten, ein Verlauf, ein Emoji als Icon-Ersatz. Das ist keine Grenze des Modells, sondern das Fehlen eines Briefings. Ein Skill-Paket verengt die Anfrage vor der Generierung — aus „eine Seite für ein Spa“ wird ein benanntes Muster, eine Palette, eine Schriftpaarung und eine Liste dessen, was zu unterlassen ist — sodass der Assistent innerhalb von Randbedingungen wählt, statt nach dem Median zu greifen.

Die Checkliste vor der Auslieferung ist der Teil, den man stehlen sollte, selbst wenn man das Paket nie installiert. Kontrastminima, sichtbare Fokuszustände, keine Emojis als Icons, respektierte Bewegungsreduktion und ein Blick bei 375, 768, 1024 und 1440 Pixeln sind genau die Punkte, die eine KI-gebaute Seite übergeht — und ein Mensch prüft sie alle in zwei Minuten. Unsere eigene Einschätzung dazu steht unter sollte ich meine Website mit KI bauen.

Was wir gelernt haben, als wir eigene Designregeln in Produktion betrieben

AgentCeres — der KI-Growth-Officer, auf agentceres.com — pflegt einen eigenen Design-Skill für den Agenten, der Landingpages für Kunden baut und veröffentlicht, und wir haben ihn im August 2026 aus genau dem Grund neu geschrieben, aus dem dieses Projekt existiert: Die handwerkliche Schicht bestand aus fünf Stichpunkten, also war das Ergebnis kompetent und vollkommen generisch. Wir haben die Überarbeitung auf die einzig ehrliche Weise gemessen — dasselbe Modell, dasselbe Briefing, dasselbe Bild, alter Skill gegen neuen — und die verräterischen Zeichen gezählt:

1. Sichtbare Gedankenstriche im Text zehn im alten Ergebnis, keiner im neuen.
2. Vorspann-Labels über Abschnitten fünf über sechs Abschnitte, danach eines.
3. Reihen aus drei gleichen Karten zwei, danach keine.
4. Verschiedene Labels für dieselbe Handlungsaufforderung drei, danach eines.
5. Bilder, die die Veröffentlichung überstehen keines, danach alle — der alte Skill erzeugte eine gehostete Bild-URL, die lokal darstellte und auf der veröffentlichten Seite brach.

Diese letzte Zeile ist die Lektion, die über unseren Stack hinaus verallgemeinert. Veröffentlichte Seiten werden unter einer strengen Content-Security-Policy ausgeliefert, also funktionierten sowohl eine gehostete Bild-URL als auch ein Webfont-Stylesheet in der heruntergeladenen Datei und scheiterten still, sobald sie live gingen — und wochenlang fiel es niemandem auf, weil die einzige bis dahin veröffentlichte Seite kein einziges Bild enthielt. Ein Design-Regelpaket kann vollkommen richtig sein und trotzdem eine Seite erzeugen, die bricht, denn die Regeln kennen den Umschlag nicht, in den die Seite gerendert wird. Was immer Sie übernehmen: Prüfen Sie das Ergebnis dort, wo es tatsächlich leben wird, nicht dort, wo es entstanden ist.

Wachsen lassen, was Sie damit bauen

Eine Seite, für die Sie sich nicht schämen, hebt die Obergrenze jedes Kanals, der auf sie zeigt — und bewegt für sich genommen nichts. Die Arbeit nach dem Livegang ist von der gewöhnlichen, wiederholenden Art: Antwort- und Vergleichsseiten für die Fragen, die Ihre Käufer wirklich tippen, eine soziale Taktung, die Sie durchhalten, Antworten dort, wo über Ihre Kategorie gesprochen wird, und genug Messung, um zu erkennen, was davon etwas bewirkt hat.

Genau das tut AgentCeres: ein Ensemble spezialisierter Agenten unter einem KI-Growth-Officer, die die Arbeit entwerfen und alles nach außen Gehende einem Menschen vorlegen, bevor es rausgeht. Wenn ein Skill-Paket wie dieses die Design-Hälfte bereits gelöst hat, ist die nächste Beschränkung meist die Verbreitung. Beginnen Sie mit wie ich Website-Besucher in Anmeldungen verwandle, und halten Sie die Seite beim Wachsen kohärent mit dem Eintrag Designsystem.