Dieser Inhalt ist noch nicht in Ihrer Sprache verfügbar und wird auf Englisch angezeigt.

Design Checklist

Skill Verifiziert Aktiv

Interactive pre-launch design quality checklist

Zweck

To objectively measure and improve design quality in web projects before launch by providing data-driven insights and actionable recommendations.

Funktionen

Automated design quality auditing
12 weighted dimensions scoring
Cites 24 UX laws and academic research
Provides code-based fixes and recommendations
Works locally with zero dependencies

Anwendungsfälle

Pre-launch design quality review
Tracking design quality over time
Ensuring accessibility and consistency
Standardizing design practices across teams

Nicht-Ziele

Performing functional testing of components
Replacing manual UX research or user testing
Generating full design mockups from scratch

Installation

Zuerst Marketplace hinzufügen

/plugin marketplace add Aboudjem/ui-ux-suite

/plugin install ui-ux-suite@ui-ux-suite

Qualitätspunktzahl

Verifiziert

98 /100

Analysiert 1 day ago

Vertrauenssignale

Letzter Commit1 day ago

GitHub-Inhaber Aboudjem

Sterne3

Downloads 415

LizenzMIT

Status

Quellcode ansehen

Ähnliche Erweiterungen

Type Audit

100

Typography-only audit covering font selection, type scale, readability, hierarchy, performance

Skill

Aboudjem

Component Audit

100

Component consistency audit covering state coverage, hierarchy, patterns

Skill

Aboudjem

Impeccable

Verwenden 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.

Skill

pbakaus

Design Workflow

100

Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project design system.

Skill

spartan-stratos

Macos Design

100

Design 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.

Skill

davepoon

Color Audit

100

Color-only audit to extract, evaluate, and recommend improvements for the project's color system

Skill

Aboudjem