Plugin Hub

Plugin Hub ist der Ort, an dem Sie kleine Tools entdecken, installieren und ausführen. Ein Plugin ist ein Snippet mit Fenster, gespeichert bei Ihren anderen Snippets. Öffnen auch über den Tab Marketplace im Suchfenster.

Was können Plugins?

Plugins sind Mini-Anwendungen in CodeExpander. Sie können:

• Eigene Tools hinzufügen — Timestamp-Konverter, JSON-Formatter, Color Picker, Rechner
• Dateien verarbeiten — Datei ins Suchfenster ziehen, ein Plugin parst und transformiert
• In Workflows integrieren — QR-Codes, Base64 en-/decodieren, SQL formatieren
• KI-Funktionen bereitstellen — Code Review, Auto-Kommentare, Test-Erzeugung

Plugins installieren

Von npm (empfohlen)

Der schnellste Weg:

1. Plugin Hub vom Hauptfenster oder Suchfenster öffnen
2. Im Bereich Installieren den npm-Paketnamen tippen (z. B. @codeexpander/plugin-timestamp)
3. Installieren klicken

Offizielle Plugins nutzen das Präfix @codeexpander/plugin-* und werden vom Team kuratiert.

Voraussetzung: Node.js und npm müssen auf dem System installiert sein.

Aus lokalem Verzeichnis

Haben Sie einen Plugin-Ordner auf dem Rechner:

1. Aus Verzeichnis importieren klicken
2. Ordner mit plugin.json und Entry-Datei wählen
3. Das Plugin erscheint sofort in der Liste

Von KI (MCP)

Lassen Sie KI Plugins für Sie anlegen:

1. MCP-Server unter Einstellungen → MCP einschalten
2. KI-Assistenten verbinden (Cursor, Claude Desktop usw.)
3. Beschreiben, was Sie brauchen — z. B. „Ein Plugin, das CSV in eine Markdown-Tabelle wandelt“
4. Die KI erzeugt das Plugin und installiert es automatisch

Plugins verwalten

Durchsuchen und suchen

Der Plugin Hub zeigt installierte Plugins als Karten. Suchfeld filtert nach:

• Name — z. B. „timestamp“
• Kategorie — z. B. „Developer tools“, „Converters“
• Beschreibung — Keyword-Suche

Ein Plugin ausführen

• Vom Plugin Hub — Karte klicken, um die UI zu öffnen
• Vom Suchfenster — Plugin-Name oder definierte Command-Trigger tippen
• Mit Dateien — Dateien ins Suchfenster ziehen; dateibewusste Plugins aktivieren sich

Pinnen und ordnen

• Pinnen häufig genutzte Plugins, damit sie im leeren Suchfenster erscheinen
• Verstecken selten genutzte Plugins, weniger Unordnung
• Deinstallieren zum vollständigen Entfernen

Plugin-Anatomie

Ein Plugin ist im Kern ein spezielles Snippet mit:

• plugin.json — Metadaten (Name, Beschreibung, Icon, Kategorie, Entry-Datei)
• Entry-Datei — Plugin-UI (HTML/JS)
• Commands — optionale Keyword-Trigger für das Suchfenster

Beispiel: Ein „Timestamp Converter“-Plugin könnte definieren:

• Command: ts — ts 1714392000 in der Suche tippen zum sofortigen Konvertieren
• UI: visueller Kalenderpicker, geöffnet vom Plugin Hub

Eigenes Plugin anlegen

Option 1: Manuell (für Entwickler)

Ordner anlegen mit:

my-plugin/
  plugin.json    ← manifest
  index.html     ← UI

plugin.json-Beispiel:

{
  "main": "index.html",
  "title": "My Plugin",
  "description": "Does something useful",
  "category": "Tools",
  "features": [
    {
      "code": "myCmd",
      "explain": "Run my command",
      "cmds": ["my", "mp"]
    }
  ]
}

Import über Plugin Hub → Aus Verzeichnis importieren.

Option 2: KI-unterstützt (für alle)

Idee einem über MCP verbundenen KI-Assistenten beschreiben. Die KI übernimmt:

• HTML/JS schreiben
• Manifest anlegen
• Automatisch installieren

Beispiel-Prompt: “Create a plugin that counts words in selected text. Add a wc command for the search window.”

Sicherheit

Plugins laufen in einem kleinen Fenster mit weniger Rechten als die Haupt-App:

• Sie können Ihre Snippet-Bibliothek nicht direkt durchsuchen
• Zwischenablage und Toasts warten auf Ihre Erlaubnis
• Die Plugin-Liste kann deklarieren, welche Fensterfähigkeiten sie braucht; die App setzt das durch

Typische Workflows

Entwickler-Toolkit

Installieren: @codeexpander/plugin-timestamp, @codeexpander/plugin-json, @codeexpander/plugin-color

Täglich:

1. Suchfenster → ts + Timestamp einfügen → sofortige Konvertierung
2. Suchfenster → json + JSON einfügen → formatieren und validieren
3. Suchfenster → color + HEX einfügen → RGB/HSL-Konvertierungen

Content Creator

Installieren: @codeexpander/plugin-qr, @codeexpander/plugin-base64

1. Suchfenster → qr + URL einfügen → QR-Bild
2. Suchfenster → b64 + Text einfügen → Base64 en-/decodieren

Team-eigene Plugins

Ihr Team baut interne Plugins für:

• Firmen-API-Signaturerzeugung
• Interne Dokumentvorlagen
• Deployment-Command-Runner

Teilen über npm-Private-Registry oder lokalen Verzeichnis-Sync.

Plugin-Backend

Manche Plugins sind mit einem Klick fertig. Andere müssen eine Weile laufen. Einstellungen → Erweiterungen → Plugin-Backend öffnen, Timeouts und gleichzeitige Läufe deckeln. Das bleibt auf diesem Rechner. Plugin-Fenster dürfen absichtlich weniger Dateien anfassen als das Hauptfenster. Beim Entwickeln erlaubte lokale Ordner in den Einstellungen wählen.

Plugin-Entwicklung

Sie wollen ein kleines „Datum wählen, dann einfügen“-Tool. Sie installieren kein zweites Produkt. Ein Plugin ist ein Snippet mit Plugin-Modus an und kann ein eigenes kleines Fenster öffnen.

Die geschriebene Spec liegt auf der Karte Einstellungen → MCP.

Siehe auch: MCP