UI UX Pro Max
Ein Open-Source-Design-Intelligence-Plugin für Claude Code und weitere Coding-Agenten mit lokaler, durchsuchbarer UI/UX-Referenz.
- Skill Road
- UI UX Pro Max
Kategorien
UI UX Pro Max ist ein Open-Source-Skill und ein installierbares Claude-Code-Plugin von [nextlevelbuilder](https://nextlevelbuilder.io/). Es soll einem Coding-Agenten bei UI- und UX-Aufgaben eine strukturierte Referenz geben: Stile, Farbpaletten, Typografie-Paarungen, Diagrammtypen, Landing-Patterns, Technologie-Stack-Hinweise und UX-Regeln liegen als lokale, durchsuchbare Daten vor. Die offizielle Produktseite ist [ui-ux-pro-max-skill.nextlevelbuilder.io](https://ui-ux-pro-max-skill.nextlevelbuilder.io/); vollständiger Quelltext, Versionsgeschichte und die Lizenz stehen im [Repository nextlevelbuilder/ui-ux-pro-max-skill](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill). Der Eintrag beschreibt den installierbaren Marketplace-Namen ui-ux-pro-max, nicht einen eigenständigen Design-Editor oder gehosteten Dienst.
Als Claude-Code-Plugin verifiziert
Die Primärquelle enthält .claude-plugin/marketplace.json. Dort ist der Marketplace ui-ux-pro-max-skill von nextlevelbuilder definiert und darin ein Plugin namens ui-ux-pro-max mit Quelle ./. Die ebenfalls offizielle plugin.json nennt als Fähigkeiten die lokale Design-Intelligence-Datenbank und den Pfad .claude/skills/. Damit ist nicht nur eine Drittanbieter-Directory-Beschreibung vorhanden: Das Repository selbst liefert die Marketplace- und Plugin-Metadaten für Claude Code. Der offizielle Marketplace-Weg besteht aus zwei Befehlen:
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
Dieser Katalog speichert den zweiten Befehl, weil er das konkrete Plugin aktiviert. Der Marketplace muss zuvor hinzugefügt sein. Nach der Installation sollte der Nutzer Claude Code neu starten oder die Plugin-Verwaltung prüfen. Die README dokumentiert zusätzlich eine CLI-Installation über npm install -g ui-ux-pro-max-cli und uipro init --ai claude. Das ist ein alternativer Weg für die Skill-Dateien, nicht der Marketplace-Befehl dieses Eintrags.
Arbeitsweise und sinnvolle Nutzung
Laut Anbieter kann der Skill UI/UX-Anfragen analysieren und zu Produktart, visueller Richtung, Farbwelt, Schriftbild, Seitenstruktur und Anti-Patterns passende Empfehlungen suchen. Die aktuelle Repository-README nennt 79 durchsuchbare Styles, 192 Farbpaletten, 74 Font-Pairings, 25 Diagrammtypen, 22 Stack-Leitfäden, 119 UX-Guidelines und 192 branchenspezifische Reasoning-Regeln. Diese Mengen sind Produktdaten des Anbieters und können sich mit Releases ändern. Praktisch eignet sich das Plugin für einen Auftrag wie „Baue ein responsives SaaS-Dashboard“, „Überarbeite die Accessibility eines Formulars“ oder „Erstelle eine Landingpage für eine Praxis“: Der Agent kann die Vorgaben als Referenz nutzen, bevor er Komponenten, CSS oder Templates schreibt.
Das Plugin schreibt nicht automatisch eine gute Oberfläche. Ein Agent kann Anforderungen missverstehen, unerwünschte Dateien ändern oder Empfehlungen falsch auf ein bestehendes Designsystem übertragen. Teams sollten deshalb Design-Tokens, Markenrichtlinien, Komponentenbibliotheken und Accessibility-Anforderungen als verbindliche Projektdokumentation beibehalten. Prüfe erzeugten Code in Browser, mit Tastatur und auf kleinen Viewports; kontrolliere Kontrast, Fokuszustände, Fehlermeldungen, Übersetzungen und tatsächliche Interaktionen. Die Skill-Referenz ergänzt diese Prüfung, ersetzt sie aber nicht.
Unterstützte Agenten und technische Grenzen
Die offizielle README dokumentiert einen CLI-Weg für Claude Code, Cursor und Codex CLI; deshalb sind genau diese drei vorhandenen Katalog-Kompatibilitäten zugeordnet. Sie nennt darüber hinaus weitere Clients wie Windsurf, Antigravity, GitHub Copilot, Kiro, Gemini CLI und OpenCode. Diese erscheinen nicht als zusätzliche Relation, weil die aktuelle Katalogtaxonomie dafür keine eigenen Kompatibilitätsdatensätze hat. Je nach Client kann der Skill automatisch bei UI/UX-Anfragen aktiv werden oder über einen Slash-Command aufgerufen werden. Ob Dateien gelesen oder verändert werden können, bestimmt weiterhin der jeweilige Agent, dessen Rechte und die Freigaben im Projekt.
Für die Suchskripte wird laut README Python 3 benötigt; sie verwenden die Standardbibliothek und sollen keine weiteren Pakete oder Netzaufrufe benötigen. Trotzdem ist vor einer Installation zu prüfen, ob Node-Paketinstallation, globale CLI-Tools und Schreibzugriffe in den Zielordner erlaubt sind. Führe einen ersten Versuch in einem Testprojekt aus und nutze uipro init --dry-run, wenn vor dem Schreiben die vorgesehenen Aktionen sichtbar sein sollen. Übernimm keine Stilvorgabe blind in regulierte, barrierekritische oder markensensible Produkte.
Lizenz, Popularität und Einordnung
Die offizielle plugin.json und die Repository-Lizenz nennen MIT. Die GitHub-API meldete bei der Prüfung am 07.09.2026 exakt 125.602 Sterne für das gesamte Repository. Dieser Wert ist ein momentaner Popularitätsindikator für das Repository, nicht speziell für das Claude-Code-Plugin und kein Beleg für Qualität, Barrierefreiheit, Datenschutz oder Sicherheit. Das Repository beschreibt eine Open-Source-Basis sowie eine getrennte Premium-Erweiterung; dieser öffentliche Katalogeintrag nennt keine konkreten Preise. Prüfe für optionale Angebote die aktuelle Anbieterinformation.
Die Kategorie Coding passt, weil UI UX Pro Max Entwicklungsagenten bei der Implementierung und Überprüfung von Benutzeroberflächen unterstützt. Eine neue Design-Kategorie wäre zu eng und würde denselben Coding-Workflow künstlich abtrennen. Besonders passend ist das Plugin für Teams, die wiederkehrend Web-, Mobil- oder Desktop-Oberflächen entwickeln und eine nachvollziehbare Ausgangsbasis für Agenten-Prompts wollen. Weniger passend ist es, wenn ein Produkt ausschließlich ein festes internes Designsystem verwenden darf, keine lokalen Tools installieren darf oder wenn generierte Änderungen ohne fachliche Review in Produktion gehen würden.
Installation
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
- Anbieter
- nextlevelbuilder
- Lizenz
- MIT
- Zuletzt geprüft
- 07.09.2026
- GitHub-Sterne
- 125,602
Kategorien
Kompatibel mit
Passende Ratgeber
Anleitungen und Hintergrund, die zu diesem Eintrag passen.
Fakechat-Plugin für Claude Code einrichten
Das Fakechat-Plugin installieren, Claude Code mit Channels-Schalter starten und über eine lokale Browser-Oberfläche Nachrichten und Dateien testen.
30.09.2026
Laravel Boost einrichten
Laravel Boost in einer Laravel-Anwendung installieren und mit Claude Code, Cursor oder Codex verbinden.
29.09.2026
Azure DevOps MCP Server einrichten
Azure DevOps MCP Server einrichten mit geprüften Links, minimalen Rechten und sicherem ersten Test starten.
25.09.2026
Ein Claude-Code-Plugin installieren
Ein Plugin aus dem offiziellen Anthropic-Marketplace installieren – am Beispiel des Code-Review-Plugins.
24.09.2026