TileSet zu Cursor hinzufügen

Fügen Sie den TileSet-Server in den MCP-Einstellungen von Cursor hinzu, melden Sie sich einmal im Browser an und bitten Sie dann den Agenten, eine Bewertungswand für Google oder einen YouTube-Feed in die Seite einzubauen, an der Sie arbeiten.

Bevor Sie anfangen

• Cursor, mit geöffnetem Projekt Ihrer Website.
• Ein Google-Konto. Ihr TileSet-Konto wird beim ersten Anmelden kostenlos und ohne Karte erstellt.
• Zugriff auf das Konto, das Sie zeigen möchten: Ihr Unternehmensprofil bei Google oder das Handle Ihres YouTube-Kanals.

Einrichtung

1. Öffnen Sie die MCP-Einstellungen von Cursor und fügen Sie einen Server hinzu, oder bearbeiten Sie ~/.cursor/mcp.json (alle Projekte) oder .cursor/mcp.json in Ihrem Projekt (nur dieses Projekt):

   {
     "mcpServers": {
       "tileset": { "url": "https://app.tileset.com/mcp" }
     }
   }

2. Cursor listet TileSet auf und fordert Sie zur Anmeldung auf. Ein Browser-Tab öffnet sich: Melden Sie sich mit Google oder per E-Mail an und genehmigen Sie den Zugriff. Es gibt keinen Schlüssel zum Einfügen.

3. Fragen Sie im Agenten-Chat: „Fügen Sie meinen YouTube-Kanal @yourchannel mit TileSet zu meiner Homepage hinzu“.

Der Agent verbindet die Quelle, erstellt das Widget und fügt Ihrer Seite ein Skript-Tag und ein div hinzu. Bitten Sie ihn anschließend, die veröffentlichte Seite zu prüfen, dann bestätigt er, dass das Widget vorhanden ist und Beiträge ausliefert.

Was Sie als Nächstes fragen können

• „Fügen Sie der Kontaktseite eine Google-Bewertungswand hinzu. Hier ist unser Maps-Link: …“
• „Machen Sie den Feed zu einem Karussell und blenden Sie die Bildunterschriften aus.“
• „Platzieren Sie dasselbe YouTube-Widget auch auf der Über-uns-Seite.“

Das Anzeigen eines Feeds auf mehreren Seiten kostet nichts extra. Es ist ein Widget, das zweimal eingefügt wird.

Ist es sicher?

Cursor erhält einen TileSet-Schlüssel für Ihre Widgets und Quellen, niemals Ihre Social-Media-Passwörter oder Plattform-Token. TileSet übergibt ihm auch niemals Ihre Inhalte aus irgendeiner Quelle: Cursor sieht, welche Quellen und Widgets Sie haben, deren Einstellungen und Zahlen, wie z. B. wie viele Bewertungen eine Quelle enthält, und eine Vorschau des Widgets, wie Besucher es sehen. Sie lesen die Beiträge und Bewertungen selbst in Ihrem Dashboard. Der Schlüssel wird in Ihrem Dashboard unter „Agents & API“ (Agenten & API) angezeigt. Widerrufen Sie ihn dort, und Cursor verliert sofort den Zugriff. Das Löschen eines Widgets oder einer Quelle kann nicht rückgängig gemacht werden. Achten Sie also darauf, was Sie genehmigen.

Häufig gestellte Fragen

Braucht das Snippet eine React-Komponente oder ein useEffect? Nein. Laden Sie das Skript einmal pro Seite und setzen Sie das div dort ein, wo der Feed erscheinen soll. Das Skript findet später hinzugefügte Widgets von selbst.

Kann ich anstelle der Anmeldung einen API-Schlüssel verwenden? Ja, für CI oder ein Headless-Setup. Erstellen Sie einen unter „Agents & API“ und senden Sie ihn als Authorization: Bearer <key>.