Impeccable
Skill Verifiziert AktivVerwenden 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.
Benutzer in die Lage versetzen, Frontend-Interfaces mit Expertenwissen und einem spezialisierten Befehlsvokabular zu entwerfen, neu zu gestalten, zu kritisieren und zu optimieren.
Funktionen
- 23 spezialisierte Befehle für Designaufgaben
- 7 domänenspezifische Referenzen (Typografie, Farbe usw.)
- Fähigkeiten zur UX-Kritik und technischen Prüfung
- Live-Variantenmodus für visuelle Iteration
- Kontextbeschaffung für projektspezifisches Design
Anwendungsfälle
- Verbesserung der visuellen Hierarchie und des Layouts einer Webseite
- Prüfung eines Frontend-Features auf Barrierefreiheit und Leistung
- Verfeinerung von UI-Texten und Fehlermeldungen zur Klarheit
- Experimentieren mit Farbpaletten und Typografie
- Automatisierte Extraktion von Designsystem-Komponenten
Nicht-Ziele
- Nur Backend-Aufgaben
- Nicht UI-bezogene Entwicklungsaufgaben
- Erstellung generischer oder langweiliger Designs
Praktiken
- Designqualität
- UX-Prinzipien
- Barrierefreiheit
- Leistung
- Code-Standards
Voraussetzungen
- Zugang zu einem kompatiblen KI-Harness (Cursor, Claude Code usw.)
- Node.js-Umgebung (für CLI-Nutzung und Serverkomponenten)
Installation
npx skills add pbakaus/impeccableFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Design Audit
100Full project design audit that orchestrates all agents, scores across 12 dimensions, generates prioritized action plan
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.
Microinteractions
99Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when the user mentions "microinteraction", "button feedback", "loading state", "toggle design", "animation detail", "interaction polish", "state transitions", or "input feedback". Also trigger when designing form validation responses, progress indicators, confirmation dialogs, or any UI element where the user expects immediate feedback. Covers trigger design, state rules, feedback mechanisms, and progressive loops. For overall UI polish, see refactoring-ui. For affordance design, see design-everyday-things.