Werkzeug-Test, 4. August 2026

Relume Library MCP: was wirklich drin ist

Der MCP ist eingeloggt und getestet. Diese Seite zeigt den Umfang der Bibliothek mit den echten Vorschaubildern, dazu die fünf Testfragen und ihre Antworten. Alle Zahlen sind gegen den laufenden Server geprüft, nicht aus der Marketing-Seite übernommen.

1.757
Komponenten insgesamt, per Offset-Binärsuche gezählt
50
Kategorien von Navbar bis Cookie-Banner
React
einziges Ausgabeformat, kein HTML/CSS
1 von 8
geprüfte Komponenten mit echtem Fehler

Test am laufenden Projekt mietwohnung-finden.at (BST-2026-003). Ergebnis-Seite: richtung-7-relume.html

ADie fünf Testfragen, kurz beantwortet

Gefragt war nicht, ob eine Seite hübsch wird, sondern ob das Werkzeug in einen bildstelle-Workflow passt.

FrageAntwortBegründung
Output-Format nur React TSX-Dateien plus Radix-Primitives plus motion/react. Kein HTML/CSS-Pfad, auch nicht optional. Die Webflow-Herkunft der Bibliothek ist im MCP nicht mehr sichtbar.
Auswahl-Erlebnis sehr gut Freitext-Suche versteht natürliche Sprache, jedes Ergebnis kommt mit Tags und Vorschaubild. Genau das Aussuchen-und-Befüllen, das erwartet war. Eine Bedienfalle gibt es, siehe unten.
CI-Treue gut, mit Einschränkung Farben, Radien und Typo-Stufen hängen an zentralen Tokens, eine Zeile färbt die ganze Seite. Aber es gibt keine Marken-Akzentfarbe im System, nur neutral-darkest für Buttons und Bild-Overlay gleichzeitig.
Nacharbeit bis statisch kompletter Handumbau Von React nach statischem HTML für World4You ist es eine Übersetzung, keine Konvertierung. Der Zeitgewinn liegt beim Entwurf, nicht beim Code.
Kontext-Verbrauch moderat Zwölf Sections plus Primitives plus Setup lagen bei rund 55.000 Zeichen, also grob 14.000 Token. Deutlich weniger als die Vorrecherche befürchtet hat.

BZwei Funde, die man kennen muss

1. Eine von acht geprüften Komponenten ist kaputt

section_layout623 dreht den Props-Merge um. Die Defaults gewinnen gegen die übergebenen Werte, das heißt: die Komponente lässt sich nicht befüllen und zeigt in jedem Fall Blindtext. Die anderen sieben machen es richtig herum.

// layout623, falsch: die Defaults gewinnen
const { tagline, heading, ... } = {
  ...props,
  ...Layout623Defaults,
};

// alle anderen, richtig: die Props gewinnen
const { logo, navLinks, ... } = {
  ...Navbar1Defaults,
  ...props,
};

Das relativiert das Versprechen kuratiert statt halluziniert spürbar. Die Bibliothek ist ordentlich gebaut, aber nicht geprüft, und der Fehler ist genau die Sorte, die beim Überfliegen durchrutscht und als Blindtext live geht.

2. Die Trefferliste sortiert nach Neuheit, nicht nach Eignung

Ein Abruf der Navbar-Kategorie mit kleinem Limit liefert ausschließlich die Nummern 23 bis 32, alle mit Mega-Menü. Die schlichte navbar1 mit Logo links und Menü rechts, für eine Zwei-Punkt-Navigation die einzig richtige, taucht erst ab Position 11 auf.

Regel für künftige Läufe: Limit immer hochdrehen und selbst sichten. Wer die ersten Treffer nimmt, wählt aus einem unrepräsentativen Ausschnitt und hält ihn für das ganze Angebot.

Positiv überrascht: das mitgelieferte Fundament ist ehrlich dokumentiert

Der MCP sagt von sich aus, dass das veröffentlichte Tailwind-Preset die zentralen Tokens (text-h1, scheme-*, rounded-*) gar nicht mehr enthält und ohne Handarbeit jede Überschrift auf 16px zusammenfällt. Er liefert den fehlenden Block gleich mit. Das ist unangenehm, aber offen kommuniziert, und genau daraus entsteht die gute Nachricht bei der CI-Frage: alle Marken-Werte liegen an einer Stelle.

CDer Katalog: 1.757 Komponenten in 50 Kategorien

Alle 50 Kategorien im Überblick. Die mit grünem Haken sind unten mit echten Vorschaubildern ausgeklappt, jeweils die ersten acht. Ein Vollkatalog aller 1.757 Stück wäre rund 110.000 Token groß und hätte hier keinen Mehrwert.

Navbars ✓ Hero Header ✓ Feature Sections ✓ CTA Sections ✓ Contact Sections ✓ FAQ Sections ✓ Gallery Sections ✓ Testimonials ✓ Footers ✓ Header Sections Pricing Sections Team Sections Logo Sections Stats Sections Timeline Sections Portfolio Sections Portfolio Headers Blog Sections Blog Header Sections Blog Post Headers Career Sections Event Sections Event Headers Event Item Headers Product List Sections Product Headers Comparison Sections Long Form Content Banners Contact Modals Multi-step Forms Forms Category Filters Cookie Consent Link Pages Loaders Application Shells Sidebars Topbars Page Headers Section Headers Card Headers Sign Up und Log In Pages Sign Up und Log In Modals Onboarding Forms Tables Stacked Lists Grid Lists Stat Cards Description Lists

Die untere Hälfte dieser Liste ist bemerkenswert: Application Shells, Sidebars, Topbars, Tables, Stat Cards und Onboarding-Formulare sind kein Website-Baukasten mehr, das ist App-Interface. Für die geplante Immo-Plattform ist dieser Teil interessanter als alles Marketing-Material.

Navbars

32 Stück · category: navbars
Navbar 1
Navbar 1
navbar1_component
Logo linksMenü rechts
Navbar 2
Navbar 2
navbar2_component
Menü mittig
Navbar 3
Navbar 3
navbar3_component
Logo mittig
Navbar 4
Navbar 4
navbar4_component
Hamburger auch am Desktop
Navbar 14
Navbar 14
navbar14_component
Menü rechts
Navbar 16
Navbar 16
navbar16_component
Mega-Menü
Navbar 20
Navbar 20
navbar20_component
Mega-MenüNewsletter
Navbar 24
Navbar 24
navbar24_component
Mega-MenüBild

Hero Header Sections

category: hero-header-sections
Header 157
Header 157
section_header157
animiertVideo-Lightbox
Header 154
Header 154
section_header154
animiertBild unten
Header 153
Header 153
section_header153
animiertmehrere Bilder
Header 89
Header 89
section_header89
in Richtung 7 verwendet
Header 32
Header 32
section_header32
SuchleisteHintergrundbild
Header 38
Header 38
section_header38
2 SpaltenFormular
Header 6
Header 6
section_header6
FormularHintergrundbild
Header 117
Header 117
section_header117
versetztes Raster

Feature Sections

größte Kategorie · category: feature-sections
Layout 623
Layout 623
section_layout623
der defekte Merge
Layout 215
Layout 215
section_layout215
in Richtung 7 verwendet
Layout 632
Layout 632
section_layout632
2 Spaltenmehrere Bilder
Layout 636
Layout 636
section_layout636
Video-Lightbox
Layout 635
Layout 635
section_layout635
Bild rechts
Layout 639
Layout 639
section_layout639
Bild rechtsIcons
Layout 234
Layout 234
section_layout234
3 SpaltenIcons
Layout 368
Layout 368
section_layout368
Karten

CTA Sections

category: cta-sections
CTA 67
CTA 67
section_cta67
animiert
CTA 3
CTA 3
section_cta3
in Richtung 7 verwendet
CTA 60
CTA 60
section_cta60
2 Spaltenrandlos
CTA 61
CTA 61
section_cta61
Bild unten
CTA 64
CTA 64
section_cta64
randlos
CTA 62
CTA 62
section_cta62
randlos
CTA 59
CTA 59
section_cta59
2 Spalten
CTA 11
CTA 11
section_cta11
Hintergrundvideo

Contact Sections

category: contact-sections
Contact 5
Contact 5
section_contact5
in Richtung 7 verwendet
Contact 1
Contact 1
section_contact1
1 Spalte
Contact 3
Contact 3
section_contact3
linksbündig
Contact 4
Contact 4
section_contact4
Bewerbungsformular
Contact 6
Contact 6
section_contact6
2 SpaltenIcons
Contact 7
Contact 7
section_contact7
mit Bild
Contact 8
Contact 8
section_contact8
mit Karte
Contact 10
Contact 10
section_contact10
mit Karte

FAQ Sections

category: faq-sections
FAQ 3
FAQ 3
section_faq3
in Richtung 7 verwendet
FAQ 1
FAQ 1
section_faq1
Akkordeon
FAQ 2
FAQ 2
section_faq2
linksbündig
FAQ 4
FAQ 4
section_faq4
Karten
FAQ 5
FAQ 5
section_faq5
Karten
FAQ 6
FAQ 6
section_faq6
2 Spalten
FAQ 7
FAQ 7
section_faq7
ohne Akkordeon
FAQ 8
FAQ 8
section_faq8
2 Spalten

Testimonial Sections

category: testimonial-sections
Testimonial 47
Testimonial 47
section_testimonial47
3 SpaltenSlider
Testimonial 48
Testimonial 48
section_testimonial48
Sterne
Testimonial 44
Testimonial 44
section_testimonial44
2 Spalten
Testimonial 46
Testimonial 46
section_testimonial46
Logos
Testimonial 45
Testimonial 45
section_testimonial45
3 Spalten
Testimonial 49
Testimonial 49
section_testimonial49
linksbündig
Testimonial 51
Testimonial 51
section_testimonial51
Slider
Testimonial 50
Testimonial 50
section_testimonial50
2 Spalten

Footers

category: footers
Footer 3
Footer 3
footer3_component
in Richtung 7 verwendet
Footer 12
Footer 12
footer12_component
3 Spalten
Footer 16
Footer 16
footer16_component
Newsletter
Footer 17
Footer 17
footer17_component
schlank
Footer 13
Footer 13
footer13_component
Karten
Footer 15
Footer 15
footer15_component
3 Spalten
Footer 14
Footer 14
footer14_component
5 Spalten
Footer 1
Footer 1
footer1_component
4 Spalten

DWas das für bildstelle bedeutet

Die Vorrecherche vom 13. Juli bleibt im Kern richtig, aber sie war zu streng

Der Befund fester React-Stack, damit Bruch mit unseren Stacks ist bestätigt. Falsch war die Einschätzung token-hungrig: zwölf Sections haben rund 14.000 Token gekostet, das ist für eine ganze Startseite wenig. Und unterschätzt wurde das Auswahl-Erlebnis: Suche plus Tags plus Vorschaubild funktionieren so gut, dass der MCP auch dann nützt, wenn man am Ende keine einzige Zeile seines Codes verwendet.

Der eigentliche Wert liegt woanders als gedacht. Nicht im Code, sondern im Layout-Repertoire. 1.757 durchgestaltete Sections mit Vorschau sind ein Ideengeber, mit dem sich in Minuten eine Struktur für eine Kundenseite zusammenstellen lässt. Das Umsetzen in unser CSS passiert ohnehin von Hand, wie immer.

Ein Fund, der nicht im Suchradius lag: Die Bibliothek enthält Application Shells, Sidebars, Topbars, Tables, Stat Cards und Onboarding-Formulare. Das ist App-Interface, kein Website-Baukasten. Für die geplante Immo-Plattform, die ohnehin auf React laufen würde, wäre der MCP damit an genau der Stelle ein echter Drop-in, an der die Vorrecherche ihn nicht gesucht hat.

Empfehlung, unverändert für Kundenwebsites, geändert für die Plattform: Bei statischen Kundenseiten wie Moser bleibt es beim Handbau, der MCP dient als Struktur-Ideengeber. Sobald die Immo-Plattform in die Umsetzung geht, ist er ein ernsthafter Kandidat für das gesamte Admin-Interface, nicht nur für Marketing-Sections.