Zum Inhalt springen

Öffentlicher Skill-Katalog

Der Design Skill Atlas

Finde den öffentlichen Agent Skill, der zu deinem aktuellen Designjob passt — geordnet nach sechs Prozessphasen und mit verifizierter Quelle.

verifizierte öffentliche Skills
43
Prozessphasen
6
Zuletzt verifiziert
31.07.2026
Auswahl
Manuell kuratiert

Wo stehst du im Designprozess?

43 Skills gefunden

Original-Repository

A11y Audit

Scannt und verifiziert WCAG-Barrieren in Markup, Interaktion und visueller Darstellung.

ReviewShip
WCAG 2.2Claude CodeCodex CLICursor
Technische Details
Aufgaben
WCAG 2.2, keyboard navigation, screen readers, contrast, verification
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Brandkit

Erzeugt Brand-Guidelines-Boards mit Logo-Richtungen, Palette, Typografie und Anwendungen.

DiscoverDefine
Brand boardChatGPTCodex image mode
Technische Details
Aufgaben
Brand board, logo direction, palette, typography, identity applications
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Codex Design Audit

Prüft sichtbare UX/UI-Qualität mit einer priorisierten Website- und Screenshot-Audit-Rubrik.

Review
Responsive auditCodex
Technische Details
Aufgaben
Responsive audit, accessibility, visual polish, before/after comparison
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Playwright Interactive

Alternativen

Design Review, Palette

Quelle öffnen

Original-Repository

Design Consultation

Definiert ein Designsystem aus Produktkontext, visueller Richtung und überprüfbaren Designentscheidungen.

DiscoverDefine
Design systemClaude CodeCodex CLI
Technische Details
Aufgaben
Design system, visual direction, typography, color, motion
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Design Shotgun

Alternativen

Frontend Design, Vision, Muse

Quelle öffnen

Original-Repository

Design Engineering

Schärft Animation, Interaktion und visuelle Details nach Emil Kowalskis Design-Engineering-Prinzipien.

BuildRefineReview
Animation decisionsClaude CodeCodex
Technische Details
Aufgaben
Animation decisions, interaction polish, performance, component feel
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Design Review

Auditiert eine laufende Oberfläche visuell, behebt sichtbare Defekte und verifiziert sie mit Screenshots.

RefineReview
Visual QAClaude CodeCodex CLI
Technische Details
Aufgaben
Visual QA, spacing, hierarchy, interaction polish
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Playwright Interactive

Alternativen

Codex Design Audit, Palette, Plan Design Review, iOS Design Review

Quelle öffnen

Original-Repository

Design Shotgun

Erzeugt mehrere visuelle Entwürfe, sammelt Auswahlfeedback und iteriert auf einen bevorzugten Entwurf.

DiscoverDefine
Design variantsClaude CodeCodex CLI
Technische Details
Aufgaben
Design variants, visual comparison, feedback iteration
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Design Consultation

Alternativen

Frontend Design, Vision

Quelle öffnen

Original-Repository

Design Taste Frontend

Baut Frontends mit einstellbarer Varianz, Bewegungsintensität und visueller Dichte.

DefineBuildRefine
Design readClaude CodeCodexCursor
Technische Details
Aufgaben
Design read, layout variance, motion intensity, visual density, pre-flight
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Echo

Simuliert unterschiedliche Nutzerperspektiven, um Reibung und Verständnishürden in UI-Flows sichtbar zu machen.

DiscoverReview
Persona walkthroughClaude CodeCodex CLIAntigravity CLI
Technische Details
Aufgaben
Persona walkthrough, cognitive load, dark-pattern review
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Palette

Quelle öffnen

Original-Repository

Epic Design

Ergänzt Interfaces um cinematische 2.5D-Bewegung, Parallax und Scroll-Storytelling.

BuildRefine
Cinematic motionClaude CodeCodex CLICursor
Technische Details
Aufgaben
Cinematic motion, 2.5D, parallax, scroll storytelling
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Flow

Baut zugängliche, performante UI-Bewegung für Zustände, Übergänge und Gesten.

BuildRefine
Motion systemClaude CodeCodex CLIAntigravity CLI
Technische Details
Aufgaben
Motion system, hover, loading, transitions, reduced motion
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Muse, Vision

Alternativen

Frontend Design

Quelle öffnen

Original-Repository

Frontend Design

Entwickelt eine eigenständige visuelle Richtung und setzt daraus eine UI um.

DefineBuildRefine
Design directionClaude Code
Technische Details
Aufgaben
Design direction, typography, layout, accessibility floor
Lizenz
Proprietär · Complete terms in LICENSE.txt
Installation
Nur als Referenz
Verifiziert
30.07.2026

Alternativen

Visual Plan, Design Consultation, Design Shotgun, Flow

Quelle öffnen

Original-Repository

Full Output Enforcement

Verhindert abgebrochene UI-Implementierungen, Platzhalter und unvollständige Code-Ausgaben.

BuildShip
Complete outputClaude CodeCodexCursor
Technische Details
Aufgaben
Complete output, placeholder prevention, token-limit continuation
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

GPT Taste

Gibt GPT- und Codex-Builds strengere Regeln für Layoutvarianz, Motion und Anti-Slop.

DefineBuildRefine
GPT/Codex frontendCodexChatGPT
Technische Details
Aufgaben
GPT/Codex frontend, layout variance, GSAP direction, anti-slop
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Hallmark

Verhindert typische AI-Slop-Muster bei Greenfield-Seiten, Audits und Redesigns.

DefineBuildRefineReview
Anti-slop directionClaude CodeCodex
Technische Details
Aufgaben
Anti-slop direction, greenfield design, audit, redesign, design study
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

High-End Visual Design

Verwendet hochwertige Typografie, Abstand, Schatten und Bewegung statt billiger LLM-Defaults.

BuildRefine
Premium typographyClaude CodeCodexCursor
Technische Details
Aufgaben
Premium typography, spacing, shadows, motion, anti-slop
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Image to Code

Erzeugt zuerst visuelle Referenzen, analysiert sie und implementiert anschließend das Frontend passend dazu.

DiscoverDefineBuild
Image-first directionClaude CodeCodexCursor
Technische Details
Aufgaben
Image-first direction, reference analysis, frontend implementation
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Imagegen Frontend Mobile

Erzeugt kohärente mobile Screens und Flows als visuelle Referenzen in Geräte-Mockups.

DiscoverDefine
Mobile screensChatGPTCodex image mode
Technische Details
Aufgaben
Mobile screens, app flows, phone mockups, visual hierarchy
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Imagegen Frontend Web

Erzeugt zusammenhängende Website-Comps und Bildrichtungen für Landingpages und Marketingseiten.

DiscoverDefine
Website compsChatGPTCodex image mode
Technische Details
Aufgaben
Website comps, section references, art direction, palette
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Impeccable

Bündelt Designkontext, Umsetzung, Audit und Politur in einem aktuellen Skill mit Unterkommandos.

DiscoverDefineBuildRefineReviewShip
Design contextClaude CodeCodex CLICursorGemini CLIOpenCodePi
Technische Details
Aufgaben
Design context, visual direction, UI build, critique, hardening, polish
Lizenz
Lizenz geklärt · Apache-2.0
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Industrial Brutalist UI

Erzeugt eine rohe, technische Designsprache aus Swiss Type, Kontrast und experimentellem Layout.

BuildRefine
Brutalist UIClaude CodeCodexCursor
Technische Details
Aufgaben
Brutalist UI, Swiss typography, mechanical layout, high contrast
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

iOS Design Review

Prüft echte iPhone-Oberflächen gegen HIG, Designsystem und visuelle Qualitätskriterien.

Review
iOS visual auditClaude CodeCodex CLI
Technische Details
Aufgaben
iOS visual audit, real-device screenshots, HIG review
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Alternativen

Design Review

Quelle öffnen

Original-Repository

iOS HIG Design

Richtet native iOS-Oberflächen an Apple HIG, Dynamic Type und VoiceOver aus.

DefineBuildReview
Apple HIGClaude CodeCodex
Technische Details
Aufgaben
Apple HIG, navigation, Dynamic Type, VoiceOver, safe areas
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Make Interfaces Feel Better

Poliert bestehende Interfaces mit konkreten Regeln für Typografie, Flächen, Bewegung und Hit-Areas.

RefineShip
Typography polishClaude CodeCodex
Technische Details
Aufgaben
Typography polish, surfaces, motion, hit areas, performance
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Microinteractions

Entwirft einzelne Interaktionen als Trigger, Regeln, Feedback sowie Loops und Modes.

BuildRefine
TriggersClaude CodeCodex
Technische Details
Aufgaben
Triggers, rules, feedback, loops, modes
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Minimalist UI

Setzt eine ruhige, redaktionelle Produktästhetik mit reduzierter Palette und klarer Struktur um.

BuildRefine
Editorial UIClaude CodeCodexCursor
Technische Details
Aufgaben
Editorial UI, restrained palette, crisp structure
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Muse

Definiert und pflegt Design-Tokens für Farbe, Typografie, Abstand und Themes.

DefineBuildRefine
Token systemClaude CodeCodex CLIAntigravity CLI
Technische Details
Aufgaben
Token system, dark mode, design-system foundations
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Vision, Flow, Vitrine

Alternativen

Design Consultation

Quelle öffnen

Original-Repository

Palette

Verbessert Bedienbarkeit, Rückmeldung, Zustände und WCAG-nahe Interaktionsqualität in sichtbaren Interfaces.

RefineReview
UsabilityClaude CodeCodex CLIAntigravity CLI
Technische Details
Aufgaben
Usability, accessibility, error and empty states, responsive interaction
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Echo, Vision

Alternativen

Design Review, Codex Design Audit

Quelle öffnen

Original-Repository

Plan Design Review

Bewertet einen UI/UX-Plan vor dem Bau und schärft dessen Designentscheidungen.

DefineReview
Design-plan critiqueClaude CodeCodex CLI
Technische Details
Aufgaben
Design-plan critique, UI/UX decision quality
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Visual Plan

Alternativen

Design Review

Quelle öffnen

Original-Repository

Playwright Interactive

Führt funktionale und visuelle Browser- oder Electron-QA mit persistenten Playwright-Sitzungen aus.

ReviewShip
User-input QACodex with js_repl
Technische Details
Aufgaben
User-input QA, viewport checks, screenshot evidence
Lizenz
Lizenz unklar · No repository license declared
Installation
Manuelle Installation · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Codex Design Audit, Design Review

Alternativen

Vitrine

Quelle öffnen

Original-Repository

React Best Practices

Prüft React- und Next.js-Oberflächen auf Rendering-, Bundle- und Laufzeit-Performance.

BuildReviewShip
Rendering performanceClaude CodeCodex
Technische Details
Aufgaben
Rendering performance, bundle size, server components, data fetching
Lizenz
Lizenz geklärt · MIT (skill metadata)
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Redesign Existing Projects

Auditiert eine bestehende Oberfläche und verbessert Hierarchie, Abstand und Gestaltung ohne Greenfield-Neubau.

RefineReview
Existing UI auditClaude CodeCodexCursor
Technische Details
Aufgaben
Existing UI audit, AI-pattern detection, visual upgrade
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Refactoring UI

Verbessert visuelle Hierarchie, Abstand, Farbe und Tiefe mit einem systematischen UI-Review.

DefineBuildRefineReview
Visual hierarchyClaude CodeCodex
Technische Details
Aufgaben
Visual hierarchy, spacing, color, shadows, UI scoring
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Senior Frontend

Härtet React- und Next.js-Interfaces mit Performance-, Bundle- und Architektur-Checks.

BuildReviewShip
Frontend architectureClaude CodeCodex CLICursor
Technische Details
Aufgaben
Frontend architecture, performance, bundle analysis, responsive UI
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Stitch Design Taste

Übersetzt ein semantisches Designsystem in ein agentenlesbares DESIGN.md für Google Stitch.

DefineBuild
Stitch design systemClaude CodeCodexCursor
Technische Details
Aufgaben
Stitch design system, DESIGN.md export, design tokens
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

UI Design System

Erzeugt Design-Tokens, Paletten, Typografie-Skalen, Komponenten und Dev-Handoff.

DefineBuild
Design tokensClaude CodeCodex CLICursor
Technische Details
Aufgaben
Design tokens, color palettes, typography scales, component system, handoff
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

UI/UX Pro Max

Wählt aus kuratierten Stil-, Paletten- und Font-Datenbanken eine passende Designrichtung.

DiscoverDefine
Style selectionClaude CodeCodexCursor
Technische Details
Aufgaben
Style selection, color palette, font pairing, UX guidelines
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Öffentliche Seite

User Interface Wiki

Liefert ein kompaktes Regelwerk für Animation, Timing, Springs, UX-Laws und Typografie.

BuildRefineReview
Animation rulesClaude CodeCodexCursor
Technische Details
Aufgaben
Animation rules, timing, springs, UX laws, typography
Lizenz
Lizenz unklar · No public license declared
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

UX Researcher & Designer

Erstellt Personas, Journey Maps und Usability-Tests aus Nutzerforschung.

DiscoverReview
PersonasClaude CodeCodex CLICursor
Technische Details
Aufgaben
Personas, journey maps, usability tests, research synthesis
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

Original-Repository

Vision

Leitet UI/UX-Richtung und Designsystem-Entscheidungen, bevor die sichtbare Umsetzung beginnt.

DiscoverDefine
Creative directionClaude CodeCodex CLIAntigravity CLI
Technische Details
Aufgaben
Creative direction, brand alignment, design-system strategy
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Muse, Palette, Flow

Alternativen

Design Consultation, Design Shotgun

Quelle öffnen

Original-Repository

Visual Plan

Macht aus einem Implementierungsplan eine visuell prüfbare MDX-Entscheidungsvorlage.

DefineReview
WireframesClaude CodeCodexPiCursorOpenCodeGitHub Copilot
Technische Details
Aufgaben
Wireframes, flows, architecture diagrams, approval surface
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Plan Design Review

Alternativen

Frontend Design

Quelle öffnen

Original-Repository

Vitrine

Dokumentiert sichtbare Komponenten in Storybook und richtet visuelle Regressionstests ein.

BuildReviewShip
Component catalogClaude CodeCodex CLIAntigravity CLI
Technische Details
Aufgaben
Component catalog, UI states, visual regression
Lizenz
Lizenz geklärt · MIT
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
30.07.2026

Passt zusammen mit

Muse

Alternativen

Playwright Interactive

Quelle öffnen

Original-Repository

Web Artifacts Builder

Baut komplexe, interaktive Claude-Artefakte mit React, Tailwind und einem Ein-Datei-Bundle.

Build
Interactive artifactClaude Code
Technische Details
Aufgaben
Interactive artifact, React UI, state management, single-file bundle
Lizenz
Proprietär · Complete terms in LICENSE.txt
Installation
Installation dokumentiert · Anleitung öffnen
Verifiziert
31.07.2026
Quelle öffnen

So nutzt du den Atlas

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.

Starte bei deinem aktuellen Job

So halten wir ihn aktuell

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