Style Direction
Skill Verifiziert AktivVisual style direction recommendation with current style analysis + top 3 directions with implementation guidance
To provide objective, data-backed visual style direction recommendations for UI/UX projects, moving beyond subjective design reviews to quantifiable analysis.
Funktionen
- Analyze current visual style (CSS, JSX, Tailwind)
- Recommend top 3 visual style directions
- Provide implementation guidance for each direction
- Score 12 weighted design dimensions
- Cite specific UX laws and research for findings
Anwendungsfälle
- When needing to establish or refine the visual style of a new project.
- When iterating on an existing design and seeking data-driven direction.
- When aiming to improve a project's accessibility and adherence to UX best practices.
- When wanting to quantify and track design quality over time.
Nicht-Ziele
- Providing subjective design opinions without data.
- Generating full design mockups or code.
- Replacing human designers; augmenting their decision-making.
- Performing tasks outside of visual style analysis and recommendation.
Workflow
- Analyze current project's visual style (code, config).
- Identify project type and target audience.
- Compare current style against 10 viable style directions.
- Recommend top 3 directions with rationale.
- Detail implementation checklist, risk factors, and references for each recommendation.
Praktiken
- Design Analysis
- Style Recommendation
- UX Best Practices
- Accessibility Standards
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suiteQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Impeccable
99Verwenden Sie dies, wenn der Benutzer ein Frontend-Interface entwerfen, neu gestalten, formen, kritisieren, prüfen, polieren, klären, destillieren, härten, optimieren, anpassen, animieren, einfärben, extrahieren oder anderweitig verbessern möchte. Deckt Websites, Landingpages, Dashboards, Produkt-UI, App-Shells, Komponenten, Formulare, Einstellungen, Onboarding und leere Zustände ab. Umfasst UX-Bewertung, visuelle Hierarchie, Informationsarchitektur, kognitive Last, Barrierefreiheit, Leistung, responsives Verhalten, Theming, Anti-Patterns, Typografie, Schriften, Abstände, Layout, Ausrichtung, Farbe, Bewegung, Mikrointeraktionen, UX-Texte, Fehlerzustände, Randfälle, i18n und wiederverwendbare Designsysteme oder Tokens. Verwenden Sie es auch für langweilige Designs, die mutiger oder ansprechender werden sollen, laute Designs, die leiser werden sollen, Live-Browser-Iterationen an UI-Elementen oder ambitionierte visuelle Effekte, die technisch außergewöhnlich wirken sollen. Nicht für reine Backend- oder Nicht-UI-Aufgaben.
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Macos Design
100Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.