Zum Inhalt springen

Anleitung · Framework

Formfeed in Vercel AI SDK

Der MCP-Client des AI SDK wandelt Server-Werkzeuge in normale AI-SDK-Werkzeuge um, dieselbe Formfeed-Einrichtung funktioniert also mit Claude-, GPT- oder Gemini-Modellen. Schließen Sie den Client, wenn die Anfrage fertig ist.

  1. Test-Schlüssel anlegen

    Melden Sie sich in der App an, öffnen Sie API-Schlüssel und legen Sie einen Schlüssel in der Testumgebung an. Testrenderings werden nicht berechnet, genau richtig, solange ein Agent Ihre Vorlagen noch kennenlernt. Für den Produktivbetrieb wechseln Sie auf einen Live-Schlüssel.

  2. Pakete installieren

    Shell
    npm install ai @ai-sdk/mcp @ai-sdk/anthropic
  3. Den Formfeed-Server hinzufügen

    Nutzen Sie den stdio-Transport in Skripten und dauerhaft laufenden Servern. In Serverless-Funktionen nehmen Sie den HTTP-Transport: Er braucht keinen Kindprozess.

    render.tsTypeScript
    import { anthropic } from '@ai-sdk/anthropic';
    import { createMCPClient } from '@ai-sdk/mcp';
    import { Experimental_StdioMCPTransport } from '@ai-sdk/mcp/mcp-stdio';
    import { generateText, stepCountIs } from 'ai';
    
    const formfeed = await createMCPClient({
      transport: new Experimental_StdioMCPTransport({
        command: 'npx',
        args: ['-y', '@formfeed/mcp'],
        env: { FORMFEED_API_KEY: process.env.FORMFEED_API_KEY! },
      }),
    });
    
    try {
      const { text } = await generateText({
        model: anthropic('claude-opus-5-5'),
        tools: await formfeed.tools(),
        stopWhen: stepCountIs(8),
        prompt: 'Render the certificate for Jane Doe, course "Analytical Engines 101".',
      });
      console.log(text);
    } finally {
      await formfeed.close();
    }
    render.tsTypeScript
    const formfeed = await createMCPClient({
      transport: {
        type: 'http',
        url: 'https://mcp.formfeed.dev/mcp',
        headers: { Authorization: `Bearer ${process.env.FORMFEED_API_KEY}` },
      },
    });

    Anmeldung statt Schlüssel: Verbinden Sie https://mcp.formfeed.dev/mcp ohne Header, und der Client öffnet die Formfeed-Anmeldung, in der Sie den Workspace des Agenten wählen. Ein angemeldeter Agent rendert immer live und verbraucht Einheiten; kostenlose Testrenderings gibt es nur mit einem Test-Schlüssel. Ein selbst betriebener Endpunkt (npx -y @formfeed/mcp --http) nimmt nur API-Schlüssel.

  4. Verbindung prüfen

    result.steps listet jeden Werkzeugaufruf mit Ein- und Ausgabe, der schnellste Weg zu sehen, was das Modell getan hat.

Ausprobieren

  • Rechnung

    “Rendere Rechnung 2026-0042 an Olvarest GmbH: 8 Stunden Beratung zu 120 € und 20 Stunden Umsetzung zu 110 €. Nimm die deutsche Rechnungsvorlage.”

  • Prüfung

    “Prüfe, ob orders/2026-0042.json zur Vorlage invoice-de passt, bevor du irgendetwas renderst.”

  • HTML

    “Mach aus diesen Besprechungsnotizen ein einseitiges PDF. Ohne Vorlage, einfaches HTML genügt.”

Tipps

  • Geben Sie nur die Werkzeuge weiter, die die Route braucht, etwa { render, get_template_schema } aus dem Werkzeugobjekt, dann bleibt das Modell fokussiert.

Die acht Werkzeuge

list_templates
Vorlagen des Workspace mit Slug, Art (PDF, Bild, Word oder PowerPoint), Engine und veröffentlichter Version; filterbar nach Art, Engine, Tag oder Suchtext.
kostenlos
get_template_schema
Das JSON-Schema der Daten, die eine Vorlage erwartet, mit den Beispieldaten, mit denen sie gestaltet wurde. Speichert eine Vorlage kein Schema, wird eines aus den Beispieldaten abgeleitet: ein Anhaltspunkt, kein Vertrag.
kostenlos
validate_template
Prüft eine Vorlage mit den Daten, ohne zu rendern: Syntax, Variablen, die in den Daten fehlen, Fehler, die erst mit diesen Daten auftreten, und die Daten gegen das gespeicherte Schema der Vorlage. Ad-hoc-HTML wird offline geprüft.
kostenlos
check_invoice
Prüft den _invoice-Block einer E-Rechnung offline, wie die API es vor dem Rendern tut: die Felder, die EN 16931 verlangt, die Summen auf den Cent, Umsatzsteuerkategorien und Codelisten sowie die Regeln Frankreichs. Nennt jedes Feld und jede Regel, die er verletzt.
kostenlos
render
Rendert eine Vorlage oder rohes HTML zu PDF, PNG, JPG oder WebP (Word- und PowerPoint-Vorlagen auch zu DOCX oder PPTX) und liefert Download-URL, Seitenzahl und Einheiten. Mit einvoice wird das PDF eine ZUGFeRD- / Factur-X-E-Rechnung mit dem Bericht des Validators, für eine Einheit mehr (live ab dem Starter-Plan).
1 Einheit, PDFs je 5 Seiten
convert_to_pdf
Wandelt ein Word-, Excel-, PowerPoint-, OpenDocument-, RTF- oder HTML-Dokument bis 20 MB oder das Rendering einer Word- oder PowerPoint-Vorlage in ein PDF um und liefert die Download-URL; das Dokument wird nicht aufbewahrt. Der lokale Server liest eine Datei auch über ihren Pfad. Ab dem Starter-Plan.
wie ein PDF
get_render
Status, Download-URL und Fehler eines Renderings: für Renderings, die der Agent mit wait: false eingereiht hat, und für einen frischen Link, wenn der alte abgelaufen ist.
kostenlos
get_workspace
Workspace und Organisation, in denen der Server arbeitet, der Tarif, die Umgebung und die Einheiten des Zeitraums: wie viele Renderings noch bleiben.
kostenlos

Konfigurationsreferenz: Vercel — Vercel AI SDK (geprüft 17. Oktober 2026)

Weitere Anleitungen

Automatisierung

Heute mit dem Rendern beginnen

Der kostenlose Plan enthält 100 Einheiten im Monat und kostenlose Testrenderings. Wechseln Sie den Plan, wenn Sie mehr brauchen.