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.

Gefunden in

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

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

  • 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

  • X-Post:Kiyotaka

    Fünf UI-Skills für Design Engineers mit KI-Coding-Agenten

    Kiyotaka (@SubhanHQ) empfiehlt fünf spezialisierte Regelwerke („Skills“) für KI-Agenten, die Frontend-Entwicklern bei UI-Polishing, Animationen, Barrierefreiheit und visueller Präzision helfen.

    986Lesezeichen39.486Aufrufe

    KI & AI· Sammlung

  • Repository:amaancoderx/npxskillui

    SkillUI: Design-Systeme analysieren und für Claude Code aufbereiten

    SkillUI ist ein Node.js-Kommandozeilenwerkzeug, das Design-Systeme aus Webseiten, lokalen Projekten oder Git-Repositories extrahiert. Ohne KI-Modelle oder API-Schlüssel sammelt es Farben, Schriften, Abstände, Komponenten und Screenshots und bereitet diese als Kontextdateien für Claude Code auf.

    2020SterneTypeScript

    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.