Claude Code Fähigkeit refaktorisiert React-Komponenten nach dem "Don't Make Me Think"-Prinzip

Eine neue, von der Community entwickelte Fähigkeit für Claude Code wendet Steve Krugs Usability-Prinzipien aus Don't Make Me Think auf React-Komponenten an. Die Fähigkeit erkennt automatisch Ihr Designsystem (shadcn/ui, MUI, Chakra, Mantine, Ant oder benutzerdefiniert) und verwendet vorhandene Grundbausteine, anstatt neue zu erfinden.

Was sie tut

Die Fähigkeit nimmt eine React-Komponente und refraktiert sie für Benutzerfreundlichkeit, indem sie:

• Fülltexte und Anweisungsabsätze entfernt
• Die primäre Handlungsaufforderung offensichtlich macht
• Sackgassen-Lade-/Leer-/Fehlerzustände behebt
• Bezeichnungen strafft (z. B. „Bitte geben Sie Ihren Vornamen ein" → „Vorname")
• Die visuelle Hierarchie und Scanbarkeit verbessert

Der Autor hat sie entwickelt, weil Claude (und die meisten LLMs) dazu neigen, Benutzeroberflächen zu generieren, die zwar technisch funktional, aber überladen, wortreich und schwer zu überfliegen sind. Diese Fähigkeit erzwingt das Wegstreichen, bis nur noch das Wesentliche übrig bleibt.

Installation

npx skills add gashiartim/ux-enhancer

Framework-unabhängig

Die Fähigkeit erkennt automatisch Ihr Designsystem – shadcn/ui, MUI, Chakra, Mantine, Ant oder benutzerdefiniert – und verwendet Ihre vorhandenen Komponenten, anstatt neue zu erstellen.

Repository und Feedback

Der Quellcode ist verfügbar unter github.com/gashiartim/ux-enhancer. Der Autor freut sich über Feedback und Pull-Requests und ist neugierig, ob die Fähigkeit zuverlässig ausgelöst wird oder ob die Beschreibung angepasst werden muss.