Öffentlicher Skill-Katalog
Finde den öffentlichen Agent Skill, der zu deinem aktuellen Designjob passt — geordnet nach sechs Prozessphasen und mit verifizierter Quelle.
Das Fadenbild zeichnet die belegten Beziehungen zwischen den Skills: eine Grundlinie mit 30 Marken, darüber 10 Bögen für Skills, die zusammen eingesetzt werden, darunter 27 Bögen für Skills, zwischen denen du dich entscheidest. Die übrigen 13 Skills im Katalog haben noch keine belegte Verbindung.
43 Skills
heißt: die Optionen arbeiten gegeneinander, nimm genau eine. heißt: austauschbar, wähle nach Ziel. Alles darunter läuft nebeneinander.
Jede trägt eine starke, geschlossene Ästhetik. Zwei davon gleichzeitig heben sich gegenseitig auf — nimm genau eine.
Umsetzen · Verfeinern
Warm · editorial · ruhig
Setzt eine ruhige, redaktionelle Produktästhetik mit reduzierter Palette und klarer Struktur um.
Umsetzen · Verfeinern
Roh · technisch · laut
Erzeugt eine rohe, technische Designsprache aus Swiss Type, Kontrast und experimentellem Layout.
Umsetzen · Verfeinern
Teuer · agency-grade
Verwendet hochwertige Typografie, Abstand, Schatten und Bewegung statt billiger LLM-Defaults.
Konkurrierende Rundum-Builder mit eigener Component-Doktrin — nimm einen.
Definieren · Umsetzen · Verfeinern
Senior UI Engineer
Baut Frontends mit einstellbarer Varianz, Bewegungsintensität und visueller Dichte.
Definieren · Umsetzen · Verfeinern
GPT/Codex-tuned
Gibt GPT- und Codex-Builds strengere Regeln für Layoutvarianz, Motion und Anti-Slop.
Drei Wege, aus Bildern Oberfläche zu machen. Sie definieren denselben Schritt unterschiedlich — nimm einen.
Entdecken · Definieren · Umsetzen
Bild → Code
Erzeugt zuerst visuelle Referenzen, analysiert sie und implementiert anschließend das Frontend passend dazu.
Entdecken · Definieren
Web-Bildrichtung
Erzeugt zusammenhängende Website-Comps und Bildrichtungen für Landingpages und Marketingseiten.
Entdecken · Definieren
Mobile Screens
Erzeugt kohärente mobile Screens und Flows als visuelle Referenzen in Geräte-Mockups.
Drei Wege zum selben Ergebnis — austauschbar, wähle nach Ausgangslage.
Entdecken · Definieren
Von Grund auf
Definiert ein Designsystem aus Produktkontext, visueller Richtung und überprüfbaren Designentscheidungen.
Definieren · Umsetzen
Tokens & Dev-Handoff
Erzeugt Design-Tokens, Paletten, Typografie-Skalen, Komponenten und Dev-Handoff.
Entdecken · Definieren
Style-Datenbank (50+)
Wählt aus kuratierten Stil-, Paletten- und Font-Datenbanken eine passende Designrichtung.
Plattform und Format — wähle nach Ziel, nicht nach Geschmack.
Definieren · Umsetzen · Prüfen
iOS App
Richtet native iOS-Oberflächen an Apple HIG, Dynamic Type und VoiceOver aus.
Umsetzen
claude.ai Artifact
Baut komplexe, interaktive Claude-Artefakte mit React, Tailwind und einem Ein-Datei-Bundle.
Drei Linsen, kein Pflicht-Trio: Urteil, Regelwerk oder Methode. Nimm, was die Frage gerade verlangt.
Umsetzen · Verfeinern · Prüfen
Urteil · wann & wie animieren
Schärft Animation, Interaktion und visuelle Details nach Emil Kowalskis Design-Engineering-Prinzipien.
Umsetzen · Verfeinern · Prüfen
Regelwerk · 152 Regeln
Liefert ein kompaktes Regelwerk für Animation, Timing, Springs, UX-Laws und Typografie.
Umsetzen · Verfeinern
Methode · Trigger→Feedback
Entwirft einzelne Interaktionen als Trigger, Regeln, Feedback sowie Loops und Modes.
Diese schließen einander nicht aus — sie laufen nebeneinander, du nimmst so viele davon, wie dein Job braucht.
Prüfen · Ausliefern
Scannt und verifiziert WCAG-Barrieren in Markup, Interaktion und visueller Darstellung.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Entdecken · Definieren
Erzeugt Brand-Guidelines-Boards mit Logo-Richtungen, Palette, Typografie und Anwendungen.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Prüfen
Prüft sichtbare UX/UI-Qualität mit einer priorisierten Website- und Screenshot-Audit-Rubrik.
Verfeinern · Prüfen
Auditiert eine laufende Oberfläche visuell, behebt sichtbare Defekte und verifiziert sie mit Screenshots.
Entdecken · Definieren
Erzeugt mehrere visuelle Entwürfe, sammelt Auswahlfeedback und iteriert auf einen bevorzugten Entwurf.
Entdecken · Prüfen
Simuliert unterschiedliche Nutzerperspektiven, um Reibung und Verständnishürden in UI-Flows sichtbar zu machen.
Umsetzen · Verfeinern
Ergänzt Interfaces um cinematische 2.5D-Bewegung, Parallax und Scroll-Storytelling.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Umsetzen · Verfeinern
Baut zugängliche, performante UI-Bewegung für Zustände, Übergänge und Gesten.
Definieren · Umsetzen · Verfeinern
Entwickelt eine eigenständige visuelle Richtung und setzt daraus eine UI um.
Umsetzen · Ausliefern
Verhindert abgebrochene UI-Implementierungen, Platzhalter und unvollständige Code-Ausgaben.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Definieren · Umsetzen · Verfeinern · Prüfen
Verhindert typische AI-Slop-Muster bei Greenfield-Seiten, Audits und Redesigns.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Entdecken · Definieren · Umsetzen · Verfeinern · Prüfen · Ausliefern
Bündelt Designkontext, Umsetzung, Audit und Politur in einem aktuellen Skill mit Unterkommandos.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Prüfen
Prüft echte iPhone-Oberflächen gegen HIG, Designsystem und visuelle Qualitätskriterien.
Verfeinern · Ausliefern
Poliert bestehende Interfaces mit konkreten Regeln für Typografie, Flächen, Bewegung und Hit-Areas.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Definieren · Umsetzen · Verfeinern
Definiert und pflegt Design-Tokens für Farbe, Typografie, Abstand und Themes.
Verfeinern · Prüfen
Verbessert Bedienbarkeit, Rückmeldung, Zustände und WCAG-nahe Interaktionsqualität in sichtbaren Interfaces.
Definieren · Prüfen
Bewertet einen UI/UX-Plan vor dem Bau und schärft dessen Designentscheidungen.
Prüfen · Ausliefern
Führt funktionale und visuelle Browser- oder Electron-QA mit persistenten Playwright-Sitzungen aus.
Umsetzen · Prüfen · Ausliefern
Prüft React- und Next.js-Oberflächen auf Rendering-, Bundle- und Laufzeit-Performance.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Verfeinern · Prüfen
Auditiert eine bestehende Oberfläche und verbessert Hierarchie, Abstand und Gestaltung ohne Greenfield-Neubau.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Definieren · Umsetzen · Verfeinern · Prüfen
Verbessert visuelle Hierarchie, Abstand, Farbe und Tiefe mit einem systematischen UI-Review.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Umsetzen · Prüfen · Ausliefern
Härtet React- und Next.js-Interfaces mit Performance-, Bundle- und Architektur-Checks.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Definieren · Umsetzen
Übersetzt ein semantisches Designsystem in ein agentenlesbares DESIGN.md für Google Stitch.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Entdecken · Prüfen
Erstellt Personas, Journey Maps und Usability-Tests aus Nutzerforschung.
Zu diesem Skill haben wir noch keine Verbindung belegt. Das heißt nicht, dass es keine gibt — nur, dass sie hier nicht behauptet wird.
Entdecken · Definieren
Leitet UI/UX-Richtung und Designsystem-Entscheidungen, bevor die sichtbare Umsetzung beginnt.
Definieren · Prüfen
Macht aus einem Implementierungsplan eine visuell prüfbare MDX-Entscheidungsvorlage.
Umsetzen · Prüfen · Ausliefern
Dokumentiert sichtbare Komponenten in Storybook und richtet visuelle Regressionstests ein.
13 der 43 Skills im Katalog stehen ohne belegte Verbindung. Dort ist die Wahl offen — und das ist eine Aussage über unsere Prüfung, nicht über die Skills.
Starte bei deinem aktuellen Job, nicht beim Skill-Namen. Wähle eine Prozessphase, vergleiche zwei oder drei passende Kandidaten und prüfe vor der Installation Quelle, Runtime und Lizenz in den Kartendetails.
Änderungen in Ronnys persönlicher Design-Pipeline sind nur der Trigger. Veröffentlicht werden ausschließlich Skills mit erneut geprüfter öffentlicher Quelle; Phase, Installation, Lizenz und Runtime werden separat belegt oder sichtbar als unklar markiert.
