ein UI-Katalog kann Coding-Agenten helfen, ohne zu einer Komponentenbibliothek zu werden

tech · 2026-11-02 · 4 min

eine Komponente zu finden heißt nicht, sie ausgewählt zu haben. Ein Suchergebnis spart nur dann Zeit, wenn du auch prüfen kannst, woher der Code stammt, welche Lizenz gilt und was für den Betrieb nötig ist.

EneUI ist mein Projekt: ein Katalog für UI-Komponenten, Blöcke und Icons, durchsuchbar im Web und über MCP. Die Einträge zeigen Informationen wie Quelle und Lizenz; eine Vorschau allein reicht nicht, um Code in ein Produkt zu übernehmen.

die Aufgabe ist das Entdecken

UI-Beispiele sind über Bibliotheken, Repositories und Dokumentationen verteilt. Eine bestimmte Interaktion zu finden bedeutet oft, mehrere Tabs zu öffnen, ähnliche Snippets zu vergleichen und anschließend die ursprüngliche Quelle zu suchen. Wenn ein Coding-Agent diese Arbeit übernimmt, wiegt fehlender Kontext noch schwerer: Er findet Code schnell und kann trotzdem etwas Unpassendes auswählen.

der aktuelle EneUI-Katalog ist aus öffentlichen Quellen indexiert. Die Website zeigt jede Komponente mit Quelle, Lizenz, Abhängigkeiten und Installationshinweisen. Entwickler können den Katalog direkt durchsuchen; ein Agent kann ihn über die MCP-Verbindung abfragen. Das Ziel ist, das Ergebnis prüfbar zu machen, bevor der Code in einer Codebasis landet.

ein Katalog ist kein Framework

ich wollte nicht, dass der erste Schritt darin besteht, eine weitere UI-Laufzeitumgebung hinzuzufügen oder eine neue Komponenten-API zu übernehmen. Die sinnvolle Einheit ist hier der Code, den du prüfen und an dein Projekt anpassen kannst. Das ist eine Produktentscheidung: Die Suche sollte dich nicht zum Frameworkwechsel oder zu EneUI als Abhängigkeit zwingen.

der Kompromiss: Ein Katalog kann nicht garantieren, dass ein Treffer passt. Eine Komponente kann für einen anderen Stack geschrieben sein, von ungenutzten Paketen abhängen oder Änderungen benötigen, damit sie zu deinen Anforderungen an Barrierefreiheit und Design passt. Metadaten helfen bei der Entscheidung, treffen sie aber nicht für dich.

was weiterhin Menschen braucht

prüfe die ursprüngliche Quelle und Lizenz, bevor du etwas veröffentlichst. Lies anschließend die Komponente selbst: Eine Vorschau sagt nicht, ob Tastaturbedienung, responsives Verhalten oder die Konventionen deines Projekts gut umgesetzt sind. Ein Agent kann die Suche verkürzen, aber nicht die Verantwortung für diese Entscheidungen übernehmen.

diese Unterscheidung möchte ich in EneUI erhalten. Es ist eine Karte zu Code, kein Versprechen, dass jeder Treffer produktionsreif ist. Wenn der Katalog das Entdecken beschleunigt und die Herkunft sichtbar hält, erfüllt er seinen Zweck. Die endgültige Entscheidung liegt bei der Person, die die Anwendung wartet.