Vollständige UI/UX-Design-Intelligenz für ausgefeilte Interfaces — umfasst Interaktionsmuster, Design-Systeme, Nutzerflows und Barrierefreiheit.
npx clawhub@latest install ui-ux-pro-maxUi Ux Pro Max ist eine umfassende Design-Intelligenz-Fähigkeit, die sowohl strategisches Denken als auch praktische Implementierungsanleitungen für die Entwicklung ausgereifter, produktionsreifer Benutzeroberflächen bietet. Sie umfasst Interaktionsdesign, Benutzerflüsse, Komponentenmuster, Design-Systeme, Barrierefreiheit und Micro-Interactions. Ob Sie eine unübersichtliche Einstellungsseite neu gestalten, einen Onboarding-Flow aufbauen oder eine konsistente Schaltflächenhierarchie etablieren – diese Fähigkeit führt Sie durch fundierte Entscheidungen und konkrete Ergebnisse.
npx clawhub@latest install ui-ux-pro-maxKlicke oben auf der Seite auf Installieren für die Ein-Klick-Einrichtung
Die Fähigkeit wendet grundlegende Prinzipien — progressive Offenlegung, Feedback-Schleifen, Fehlervermeidung, Wiedererkennung statt Erinnerung und Konsistenz — direkt auf Ihren spezifischen Designkontext an. Anstatt abstrakter Theorie erhalten Sie konkrete Entscheidungen, die auf Ihre Nutzer, Aufgaben und Plattform abgestimmt sind. Ui Ux Pro Max begleitet Sie dabei mit praxisnahen Empfehlungen, die sofort umsetzbar sind.
Behandelt Navigationsmuster (obere Navigation, Seitenleiste, Tab-Leiste, Breadcrumbs, Befehlspalette), Formularmuster (einspaltiges Layout, Assistent, Inline-Bearbeitung) sowie Datendarstellungsmuster (Tabellen, Kartenraster, Listen, Dashboards) mit klaren Hinweisen dazu, wann welche Wahl die richtige ist.
Bietet präzise Implementierungsvorgaben für Ladezustände (Skeleton-Screens, optimistisches UI), leere Zustände, Übergänge (Dauer, Easing, Bewegungswerte) sowie Micro-Interaktionen wie Button-Drück-Feedback, Toggle-Animationen und Formular-Übermittlungszustände.
Erstellt strukturierte Komponentendefinitionen einschließlich Variantenhierarchien, Größenskalen und vollständiger Zustandsspezifikationen (Standard, Hover, Aktiv, Fokus, Deaktiviert, Laden). Das Schaltflächensystem-Beispiel demonstriert den Detailgrad: genaue Pixelwerte, Deckkraftregeln und Nutzungseinschränkungen.
Enthält praktische Validierungsmethoden: den 5-Sekunden-Test zur Seitenklarheit, den Squint-Test für visuelle Hierarchie, den Tab-Test zur Tastaturnavigierbarkeit und das Testen von Fehlerzuständen. Diese helfen Ihnen, Probleme zu erkennen, bevor Sie etwas veröffentlichen.
Wenn eine Einstellungsseite überwältigend oder unübersichtlich wirkt, prüft Ui Ux Pro Max die aktuelle Struktur, identifiziert Probleme bei der Gruppierung und Interaktion und empfiehlt ein Sidebar-Navigations-Layout mit Auto-Speicher-Funktion, Änderungsindikatoren und feldspezifischen Zurücksetzen-Steuerelementen – einschließlich konkreter Komponentenmuster.
Für ein neues App-Feature oder Produkt entwirft Ui Ux Pro Max eine schrittweise Onboarding-Sequenz mit einer primären Aktion pro Schritt, sichtbaren Fortschrittsanzeigen, intelligenten vorausgefüllten Standardwerten, klar gekennzeichneten optionalen Schritten und einem Gesamtzielzeitraum – bereit zur Übergabe an das Engineering-Team.
Wenn eine App inkonsistente Schaltflächen oder Handlungsaufforderungen aufweist, erstellt diese Skill ein vollständiges Schaltflächensystem: vier semantische Varianten (Primary, Secondary, Ghost, Destructive), drei Größenstufen mit exakten Abmessungen und alle erforderlichen Interaktionszustände mit präzisen visuellen Spezifikationen.
Verwende diese Fähigkeit von Ui Ux Pro Max, um eine Benutzeroberfläche hinsichtlich Tastaturnavigation, sichtbarer Fokusringe, Farbkontrast, Bewegungspräferenzen und Screenreader-Unterstützung zu bewerten — wobei Barrierefreiheit als grundlegende UX-Anforderung und nicht als nachträglicher Gedanke behandelt wird.
npx clawhub@latest install ui-ux-pro-maxAnmelden, um eine Bewertung zu schreiben
Noch keine Bewertungen. Sei der Erste, der seine Erfahrungen teilt!