UI UX Pro Max auf GitHub ansehen
UI UX Pro Max ist ein Skill, der KI-Coding-Agenten Designwissen hinzufügt. Die README nennt mehr als 20 unterstützte Agenten, darunter Claude Code, Cursor, Windsurf, Codex CLI, Gemini CLI und GitHub Copilot.
Die Basisversion im Repository ist kostenlos und Open Source unter der MIT-Lizenz. Am 26. Oktober 2026 hatte sie etwa 140.000 Sterne auf GitHub. Es gibt auch eine kostenpflichtige Premiumversion mit Marken-, Logo- und Foliendesign.
Wie es funktioniert
Wenn du um Arbeit an der Oberfläche bittest, schaltet sich der Skill von selbst ein. Er führt fünf Suchen gleichzeitig über seine Daten aus: Produktart, visueller Stil, Farbpalette, Landingpage-Muster und Schriftpaar. Ein Denkschritt wendet dann die Regeln für deine Art von Produkt an und stellt ein vollständiges Designsystem zusammen.
Dieses Designsystem legt eine Seitenstruktur, einen Stil, genaue Farben, Schriften, Effekte, zu vermeidende Dinge und eine Checkliste vor der Auslieferung fest. Für eine Bank warnt es zum Beispiel vor lila-rosa KI-Verläufen. Erst dann schreibt der Agent den Code.
Was drin ist
- 79 durchsuchbare UI-Stile, 50 davon standardmäßig aktiv, etwa Glassmorphism, Minimalismus, Brutalismus, Bento-Grids und Dark Mode.
- 192 Produktarten, jede mit eigener Farbpalette und eigenen Designregeln.
- 74 Schriftpaare mit Google-Fonts-Imports und 34 Landingpage-Muster.
- 119 UX-Richtlinien, darunter Regeln zur Barrierefreiheit und Text, der umbricht, ohne abgeschnitten zu werden.
- Hinweise für 22 Tech-Stacks, von React, Next.js und Vue bis SwiftUI, Flutter und Jetpack Compose. Nennst du keinen Stack, nutzt es HTML mit Tailwind.
Was du vorher wissen solltest
Das Suchskript braucht Python 3. Es nutzt nur die Standardbibliothek und stellt keine Netzwerkverbindungen her. Der Skill gibt Designhinweise und schreibt eine bestehende App nicht von selbst um, aber du kannst den Agenten bitten, einen neuen Stil Komponente für Komponente auf deine App anzuwenden.
So installierst du es
In Claude Code:
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skillFür andere Agenten nutzt du das Kommandozeilen-Tool:
npm install -g ui-ux-pro-max-cli
uipro init --ai cursorErsetze cursor durch deinen Agenten, zum Beispiel claude, codex oder gemini. Dann bittest du in einfachen Worten: „Baue eine Landingpage für mein SaaS-Produkt.“