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

Repositoryjakubkrehel/skillsTool

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.

Das Wichtigste

  1. Modulare Skills decken Kernbereiche wie UI (better-ui), Typografie (better-typography), Farbsysteme (better-colors), Barrierefreiheit (better-accessibility), Layout und UX-Writing ab.
  2. Kombinierte Werkzeuge wie better-interface oder interface-review ermöglichen umfassende Audits und strukturierte Feedback-Schleifen.
  3. Spezialisierte Agent-Befehle erlauben das Dekonstruieren fremder Interfaces (explain-interface), das Generieren von Varianten (variant) oder Stresstests aller Zustände einer Komponente (break).
  4. Installation und Einbindung erfolgen wahlweise via 'npx skills add' oder direkt als Plugin in Claude Code.

Warum das relevant ist

KI-Coding-Agenten erzeugen oft funktionalen, aber visuell und ergonomisch schwachen Code. Diese Skills geben Agenten spezifische Design-Regeln an die Hand – von konzentrischen Border-Radien bis hin zu Kontrastprüfungen und OpenType-Features.

Einordnung

Das Projekt adressiert Entwickler und Design Engineers, die KI-Werkzeuge im Frontend einsetzen. Es basiert auf Markdown-Instruktionen und lässt sich über skills.sh sowie Claude-Code-Plugins nahtlos in moderne KI-Workflows einbinden. Mit über 5.700 GitHub-Stars, MIT-Lizenz und regelmäßiger Pflege ist die Sammlung für den produktiven Einsatz bei Design-Reviews und UI-Implementierungen bereits weit verbreitet.

Erwähnte Links

Gefunden in

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

Ähnliche Einträge

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

  • 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

  • Link:cuellarfr

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

    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.

    KI & AI· Sammlung

  • 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

  • Repository:Leonxlnx/taste-skill

    taste-skill: Design-Fähigkeiten für KI-Coding-Agenten

    taste-skill erweitert KI-Programmierassistenten um Art Direction, Referenzbilder und visuelle Browser-Prüfungen, um austauschbare KI-Designs zu verhindern.

    110.780SterneJavaScript

    KI & AI· Tool

Zurück zur Wissensbasis

Sprechen wir über Ihr Projekt.

Kontakt

Standorte

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

Ein Teil von diesem Inhalt wurde mit KI gemacht.