Relume Library MCP: Komponentenbibliothek direkt im AI-Editor

LinkRelumeTool

Relume bindet seine Komponentenbibliothek über das Model Context Protocol (MCP) direkt in KI-gestützte Editoren ein. Entwickler können Abschnitte per Prompt suchen und echten, editierbaren React-Code samt Design-System-Primitiven in ihr Projekt laden.

Das Wichtigste

  1. Direkte MCP-Anbindung: Die Relume-Bibliothek mit über 1.000 Komponenten lässt sich ohne Copy-Paste direkt im KI-Editor ansprechen.
  2. Deterministischer React-Code: Der Assistent generiert keine erfundenen UI-Snippets, sondern lädt den tatsächlichen Relume-Code anhand von Slugs.
  3. Integriertes Design-System: Komponenten werden zusammen mit Primitiven (wie Button oder Card), Hilfsfunktionen (cn), Tailwind-Presets und Icons als editierbare Dateien im Projekt abgelegt.
  4. Vollständige Code-Kontrolle: Der Code wird als editierbare Datei fest in das eigene Projekt übernommen ('vendored'), ohne geschlossene Abhängigkeiten.

Warum das relevant ist

KI-Editoren neigen dazu, UI-Elemente uneinheitlich zu generieren, wodurch Webseiten schnell wie ein unzusammenhängender Flickenteppich wirken. Durch die Bereitstellung eines echten Design-Systems als MCP-Kontext bleibt die Konsistenz über alle Abschnitte hinweg gewahrt, während Entwickler dennoch mit nativer KI-Geschwindigkeit arbeiten können.

Einordnung

Relume adressiert ein zentrales Problem von KI-Coding-Assistenten: das Fehlen einer verlässlichen 'Single Source of Truth' für UI-Komponenten. Anstatt sich auf generierte Näherungswerte des Sprachmodells zu verlassen, greift der Editor auf eine geprüfte Komponentenbibliothek zu. Der Ansatz, Code direkt als editierbare React-Komponenten ins Projekt zu vendoren, verbindet die Flexibilität eigener Codebases mit der Geschwindigkeit vorgefertigter Bausteine.

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.

  • Video

    Video:Lukas Margerie

    Relume MCP: Über 1.000 React-Komponenten direkt in Claude Code

    Lukas Margerie demonstriert das neue Model Context Protocol (MCP) von Relume. Es integriert die React- und Tailwind-Komponentenbibliothek des Anbieters direkt in Coding-Assistenten wie Claude Code, Cursor oder Codex. Dadurch lassen sich Webseiten ohne ungenaue Text-Designbeschreibungen modular aufbauen, bestehende Layouts per Komponenten-ID austauschen und Websites via URL in mehreren Designvarianten neu gestalten.

    KI & AI· Demo

  • Link:Beste

    Beste UI: Komponenten- und Block-Bibliothek für shadcn/ui mit MCP-Anbindung

    Beste UI bietet über 2.000 vorgefertigte Blöcke, Teilstücke und Komponenten für Tailwind CSS und shadcn/ui in React- und Next.js-Projekten. Der Code wird ohne Laufzeitabhängigkeiten direkt ins Projekt kopiert und lässt sich über das Model Context Protocol (MCP) nahtlos von KI-Coding-Agenten integrieren.

    KI & AI· Tool

  • Link:ui.spectrumhq.in

    Spectrum UI: Komponentenbibliothek für KI-Coding-Assistenten via MCP

    Spectrum UI ist eine durch Vercel OSS unterstützte Komponentenbibliothek mit über 250 animierten UI-Komponenten. Sie lässt sich über das Model Context Protocol (MCP) direkt in Editoren und Assistenten wie Cursor oder Claude einbinden.

    KI & AI· Tool

  • X-Post:Arihant Jain

    Spectrum UI: Open-Source-Komponentenbibliothek für React mit MCP-Support

    Arihant Jain hat Spectrum UI vorgestellt, eine quelloffene Komponenten- und Block-Bibliothek auf Basis von React, Tailwind CSS und Motion. Die Bibliothek umfasst über 250 Bausteine und integriert einen MCP-Server, damit KI-Assistenten wie Cursor oder Claude Komponenten direkt im Projekt installieren können.

    183Lesezeichen6871Aufrufe

    KI & AI· Ankündigung

  • Link:Mannupaaji

    Aceternity UI: React-Komponentenbibliothek mit Tailwind und Framer Motion

    Aceternity UI von Entwickler Mannupaaji bietet über 200 vorgefertigte React-Komponenten, Blöcke und Vorlagen für Landingpages. Die Bibliothek setzt auf Tailwind CSS sowie Motion und bietet neben einem Copy-and-Paste-Ansatz auch Integrationen über einen MCP-Server für KI-Agenten.

    KI & AI· Tool

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

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.