Design Skills: Kuratierte UI- und UX-Skills für KI-Agenten

LinkcuellarfrSammlung

cuellarfr/design-skills stellt zehn strukturierte Wissenspakete für Entwicklungsagenten wie Claude Code, Cursor, Codex und OpenCode bereit. Die Sammlung deckt Disziplinen von UX Research über Barrierefreiheit bis hin zu Design Systems und UX Writing ab.

Das Wichtigste

  1. Umfasst zehn Fachmodule: UX Research, Design Critique, Accessibility Audit, Journey Mapping, Design Systems, UX Strategy, Interaction Design, Design Ops & Handoff, UX Writing sowie Design Elevation.
  2. Kompatibel mit über 40 KI-Agenten und CLI-Tools, installierbar über npx skills add oder als Plugin für Claude Code.
  3. Jeder Skill ist modular aufgebaut mit SKILL.md, Referenzdokumenten, ausfüllbaren Templates und durchgehenden Beispielen.
  4. Basiert auf etablierten Standards wie WCAG 2.2 (Stufen A, AA, AAA), Atomic Design, W3C-Token-Formaten und Tailwind CSS.
  5. Verwendet konkrete Bewertungsraster, Vorher-Nachher-Beispiele und Querverweise auf 27 Fachbücher, 12 Frameworks sowie 7 Standards.

Warum das relevant ist

KI-Coding-Assistenten generieren Code oft ohne tiefes Verständnis für User Experience, Barrierefreiheit oder Design-Token-Architektur. Standardisierte Skill-Pakete verankern fundiertes Produkt- und Designwissen direkt im Prompt- und Kontextfenster von Entwickler-Agenten.

Einordnung

Das Repository bündelt tausende Zeilen kuratierte Richtlinien und Checklisten, um KI-Agenten von generischen Vorschlägen auf evaluierbare Kriterien umzustellen. Beispielsweise umfasst das Modul für Barrierefreiheit fünf Prüfebenen und konkrete Code-Korrekturen für WCAG 2.2, während Design Elevation visuelle Outputs anhand von Tailwind-CSS-Tokens und Datenvisualisierungsprinzipien verfeinert. Durch die modulare Dateiarchitektur können Agenten bei Bedarf tiefere Referenzen nachladen, ohne das Kontextfenster sofort zu überlasten.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 29. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • X-Post:Adham Dannaway

    Design Skills for AI Agents: UX- und UI-Wissen für KI-Coding-Tools

    Adham Dannaway empfiehlt eine von Carlos Cuéllar erstellte Sammlung strukturierter Design-Skills für Coding-Agents wie Claude Code, Cursor und Codex. Das Repository liefert fundierte Heuristiken, Accessibility-Regeln nach WCAG 2.2 und Designsystem-Standards direkt in den Arbeitskontext der KI.

    100Lesezeichen5174Aufrufe

    KI & AI· Sammlung

  • Repository:jakubkrehel/skills

    jakubkrehel/skills: Agent-Skills für UI- und Design-Engineering

    jakubkrehel/skills ist eine kuratierte Sammlung modularer Agent-Skills, die KI-Assistenten wie Claude Code fundiertes Wissen über Interface-Design, Typografie, Barrierefreiheit und UI-Engineering bereitstellen.

    5773SterneMarkdown

    KI & AI· Tool

  • Link:Jakub Krehel

    Skills: Agenten-Toolkit zur Optimierung von UI und UX

    Jakub Krehel stellt eine Sammlung spezialisierter Agent Skills vor, die Frontend-Teams bei Interface-Details wie Typografie, OKLCH-Farben, Barrierefreiheit, Layouts und Microcopy unterstützen.

    KI & AI· Tool

  • X-Post:Adham Dannaway

    Agent Design Skills: UI-Feinschliff und Barrierefreiheit für KI-Agenten

    Designer Adham Dannaway empfiehlt eine Sammlung spezialisierter Agent-Skills von Jakub Krehel. Das Paket erweitert KI-Agenten um konkretes Fachwissen in den Bereichen UI-Design, Typografie, OKLCH-Farben, Barrierefreiheit, Layout und Product Writing.

    492Lesezeichen28.585Aufrufe

    KI & AI· Sammlung

  • Repository:elayadesign/ai-design-skills

    ai-design-skills: Markdown-Regeln für KI-gestütztes Webdesign

    Das GitHub-Repository elayadesign/ai-design-skills bündelt strukturierte Design-Anleitungen und Regelwerke im Markdown-Format für KI-gestützte Coding-Tools. Entwickler können diese Skills in Assistenten wie Claude Code, Cursor oder Windsurf einbinden, um konsistentere Landingpages und UI-Systeme zu generieren.

    1960Sterne

    KI & AI· Sammlung

  • Link:Impeccable AI

    Impeccable: Design-Vokabular und Anti-Slop-System für Coding-Agents

    Impeccable ist ein Design-Skill und Plugin für KI-gestützte Coding-Agenten wie Claude oder Cursor. Es stattet LLMs mit einem standardisierten Design-Vokabular aus, erkennt typische KI-Designfehler und bindet bestehende Design-Systeme direkt in den Code ein.

    KI & AI· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.