Fibel|

Integrierte Plugins

Fibel liefert Standard-Plugins für Markdown, Theme, i18n, SEO, Assets, Suche, Attribution und Layout sowie optionale Assistant-, MCP- und Agent-Skills-Integrationen.

3 min read Updated 2026-07-29 #plugins#integriert

Fibel setzt seine Standardfunktionen aus normalen Plugins zusammen. Projekte können dieses Set unverändert verwenden, eigene Plugins ergänzen oder einzelne Verantwortlichkeiten ersetzen.

Standard-Set

ts
import { defaultPlugins } from "@k2b/fibel";

const plugins = defaultPlugins();

Das Standard-Set enthält:

  • markdownPlugin: rendert Markdown zu HTML, verarbeitet Codeblöcke und erzeugt Heading-Anker.
  • themePlugin: liest den Theme-Cookie und stellt das ausgewählte Theme für das Layout bereit. Siehe Theme.
  • i18nPlugin: prüft, ob übersetzte Seiten in den konfigurierten Locales vorhanden sind.
  • seoPlugin: liefert SEO-Dateien wie Favicon, Sitemap und Robots-Ausgabe und ergänzt jede Seite um Sprachalternativen und Social-Card-Metadaten.
  • llmsPlugin: liefert llms.txt und llms-full.txt, damit Sprachmodelle die Dokumentation finden und lesen können. Siehe SEO.
  • assetsPlugin: liefert Dateien aus dem konfigurierten Assets-Ordner.
  • searchPlugin: baut den Suchindex und stellt den Suchendpunkt bereit. Siehe Suche.
  • poweredByPlugin: ergänzt den Hinweis Powered by fibel.dev im Footer.
  • layoutPlugin: rendert Navigation, Seitenlayout, Page-Actions, Footer, Suchdialog und Client-Script. layoutPlugin({ header: false }) entfernt ausschließlich den integrierten Header.

Optionale Plugins

Fibel liefert Plugins mit, die nicht im Standard-Set stecken, weil sie Konfiguration brauchen.

assistantPlugin ergänzt einen begrenzten Dokumentationschat mit @k2b/nessi. Das Plugin nutzt standardmäßig In-Memory-Rate-Limits und behält Provider-Zugangsdaten auf dem Server. Siehe Dokumentationsassistent.

mcpPlugin stellt sichtbare Dokumentation über einen öffentlichen, schreibgeschützten Streamable-HTTP-Endpunkt für Coding-Agenten bereit. Allein ergänzt es den Eintrag MCP für die Einrichtung im Footer. Siehe MCP für Coding-Agenten.

agentSkillsPlugin veröffentlicht eigenständige Agent Skills aus einem konfigurierten Verzeichnis über den origin-weiten Well-known-Endpunkt und ergänzt den Eintrag Agents für die Vercel Skills CLI. Ist MCP aktiv, enthält ein gemeinsamer Agents-Dialog beide Einrichtungswege. Siehe Agent-Skills-Discovery.

blogPlugin({ collection: "blog" }) macht aus einer Markdown-Collection einen nach Datum sortierten redaktionellen Feed mit Jahresnavigation. Die Beiträge bleiben normale Fibel-Seiten und stehen damit weiterhin für Suche, Assistant, MCP, Raw Markdown und llms.txt bereit. Siehe Blog-Collections.

imprintPlugin ergänzt einen Footer-Link auf rechtliche Angaben, die an anderer Stelle liegen. Das Plugin eignet sich, wenn das Impressum zur Firma oder Person hinter mehreren Seiten gehört und nicht als Dokumentationsseite gepflegt werden soll.

ts
import { defineFibel, defaultPlugins } from "@k2b/fibel";
import { imprintPlugin } from "@k2b/fibel/plugins";

export default defineFibel({
  title: "Meine Docs",
  plugins: [...defaultPlugins(), imprintPlugin({ url: "https://example.com/impressum", label: "Impressum" })],
});

Die URL wird unverändert verwendet und kann auf eine beliebige externe Seite zeigen. label ist standardmäßig Imprint.

Standard-Set erweitern

Eigene Plugins werden an das Standard-Set angehängt, wenn die integrierten Funktionen erhalten bleiben sollen.

ts
import { defineFibel, defaultPlugins } from "@k2b/fibel";
import { projectLinksPlugin } from "./plugins/project-links";

export default defineFibel({
  title: "Product Docs",
  plugins: [...defaultPlugins(), projectLinksPlugin()],
});

Diese Variante ist für die meisten Projekte der richtige Startpunkt. Die Plugin-API beschreibt die verfügbaren Hooks.

Standard-Set ersetzen

Die Plugin-Liste wird vollständig ersetzt, wenn ein Projekt Rendering, Layout, Suche oder Routen selbst steuern soll.

ts
import { defineFibel } from "@k2b/fibel";
import { searchPlugin, themePlugin } from "@k2b/fibel/plugins";

export default defineFibel({
  title: "Product Docs",
  plugins: [
    customMarkdownPlugin(),
    themePlugin(),
    searchPlugin(),
    customLayoutPlugin(),
  ],
});

Fibel ergänzt ausgelassene Plugins nicht automatisch. Eine eigene Liste sollte alle Funktionen enthalten, die die Website benötigt.

Um den standardmäßigen Footer-Hinweis zu entfernen, verwende eine Plugin-Liste ohne poweredByPlugin.

Routen und Zuständigkeiten

Mehrere integrierte Plugins besitzen eigene Routen. Das Search-Plugin besitzt den Suchendpunkt. Das Layout-Plugin liefert das Client-Script. Das SEO-Plugin liefert SEO-Dateien. Das Assets-Plugin liefert öffentliche Dateien.

Eigene Plugins sollten Routenpfade explizit wählen. Das verhindert Konflikte und macht die Dokumentation unter einem Base Path vorhersehbar.

Coding-Agent verbinden

Der Fibel-Skill liefert kompakte Arbeitsanweisungen. MCP stellt bei Detailfragen die exakte aktuelle Dokumentation bereit.

CLI-Befehl
bunx skills add https://docs.example.com

Der Befehl installiert die von dieser Website veröffentlichten Arbeitsanweisungen im ausgewählten Coding-Agenten.

Für exakte und aktuelle Details wird zusätzlich der MCP-Server über einen der Agent-Tabs verbunden.

Die Installation verwendet die Open-Source-Skills-CLI von Vercel.

Skill und MCP ergänzen sich: Der Skill beschreibt Arbeitsabläufe, MCP liefert die aktuelle Dokumentation.