einfachskills_

Design & UI

UI/UX Pro Max

Lokale Design-Datenbank mit BM25-Suche für Styles, Farben, Typografie und UX-Regeln über 22 Stacks

UI/UX Pro Max stellt Claude eine durchsuchbare, lokal liegende CSV-Datenbank mit UI/UX-Wissen zur Seite: 84 Styles, 192 Farbpaletten, 74 Font-Pairings, 192 Produkttypen mit Begründungsregeln, 98 UX-Guidelines, 104 Icon-Einträge, 16 GSAP-Motion-Presets und 25 Diagrammtypen, abgestimmt auf 22 Technologie-Stacks von React und SwiftUI bis Flutter und WPF. Über ein Python-Suchskript ohne externe Abhängigkeiten lassen sich gezielt Domänen wie Farbe, Typografie, Animation oder Barrierefreiheit abfragen, priorisiert nach Wirkung – von kritischen Accessibility- und Touch-Regeln bis zu Charts als niedrigster Priorität.

Der Skill unterstützt zudem einen Workflow zum Generieren und Persistieren kompletter Design-Systeme mit Master-Dokument und seitenspezifischen Overrides, inklusive Reglern für Variance, Motion und Dichte. Bestehende Master-Dateien werden beim erneuten Persistieren standardmäßig nicht überschrieben, nur mit explizitem Force-Flag. Damit eignet er sich für Teams, die bei UI-Entscheidungen konsistente, nachvollziehbare Empfehlungen statt Bauchgefühl wollen – ein Teil der Skript-Logik (design_system.py) war für die Prüfung allerdings nicht einsehbar.


FAQ

Häufige Fragen zu UI/UX Pro Max

Welche technischen Voraussetzungen gibt es?
Das Suchskript benötigt lediglich Python 3.x auf dem System, es kommt ohne externe Abhängigkeiten aus. Aufgerufen wird es über python, python3 oder py -3, je nachdem was im jeweiligen Environment verfügbar ist. Zusätzliche Installationen oder API-Keys sind nicht erforderlich.
Für welche Technologie-Stacks funktioniert der Skill?
Die Datenbank deckt 22 Stacks ab, darunter React, Next.js, Vue, Nuxt, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP, Three.js sowie HTML/CSS. Der Stack wird automatisch aus Projektdateien wie package.json, pubspec.yaml oder composer.json erkannt; ist nichts erkennbar, fragt der Workflow nach oder greift auf html-tailwind als Standard zurück.
Läuft die Suche komplett lokal, oder werden Daten irgendwohin gesendet?
Die CSV-Datenbank mit allen Styles, Farbpaletten, Guidelines und weiteren Einträgen liegt lokal im Skill-Verzeichnis und wird über ein Python-Skript ohne externe Abhängigkeiten durchsucht. Es findet keine Anbindung an einen externen Dienst statt, soweit aus den Skill-Inhalten ersichtlich.
Was passiert, wenn schon ein Design-System für ein Projekt existiert – wird es überschrieben?
Nein. Existiert bereits eine MASTER.md für ein Projekt, überspringt der Persist-Vorgang das Schreiben und lässt die Datei unangetastet, außer das Force-Flag wird explizit gesetzt. Damit sollen bestehende Team-Entscheidungen nicht versehentlich verworfen werden. Ein Teil der zugrundeliegenden Skript-Logik (design_system.py) war bei der Prüfung nicht einsehbar, Details zum genauen Merge-Verhalten lassen sich daher nicht vollständig verifizieren (Stand Juli 2026).

Verwandt

Weitere Skills aus Design & UI