Vishal Punia
KI Agenten Club

Topview · Plugin für Claude Code · MIT

Ein Produktbild rein, eine ganze Kampagne raus.

Topview hängt sich per MCP an Claude. Du lädst ein Produktbild hoch oder gibst einen Produktlink und sagst: Starte eine Kampagne. Dann arbeiten drei Rollen nacheinander für dich: Recherche, Strategie und Produktion, und alles landet in einem Campaign Workspace, den dein Team prüfen kann.

Install-Prompt holen
So funktioniert's ↓

Wie die Kampagne entsteht

Recherche, Strategie, Produktion.

Topview ist nicht von mir, sondern ein Produkt von Topview. Das Plugin ist öffentlich auf GitHub, der Dienst dahinter braucht ein Topview-Konto. Ich zeige es dir, weil es den ganzen Weg vom Produkt zur fertigen Anzeige in einem Chat abbildet.

  1. 01

    Erst verstehen, wer kauft

    Market Researcher

    Der Market Researcher zieht Signale aus TikTok, YouTube, Amazon und Shopee zusammen: Trends, Kommentare, Bewertungen und Konkurrenzdaten. Daraus wird ein Report mit Schmerzpunkten deiner Zielgruppe, Hooks, die gerade funktionieren, und Lücken bei der Konkurrenz.

    Quelle: topview.ai/mcp, Abschnitt Market Insights.

  2. 02

    Dann der Plan

    Strategist

    Aus der Recherche baut der Strategist vier Dokumente, die du Stufe für Stufe prüfen kannst. Erst wenn der Plan steht, geht es an die Inhalte.

    # Campaign Plan Pack
Audience Insight   wer die Zielgruppe ist
Message Map        welche Botschaft wo
Campaign Plan      der Ablauf der Kampagne
Content Brief      Vorgaben für die Produktion
  3. 03

    Zum Schluss die Inhalte

    Producer auf dem Canvas

    Der Producer erstellt Storyboards, Produktbilder, Videos im UGC-Stil und Anzeigen-Varianten auf einem Canvas, der in deinem Browser offen bleibt. Dein Originalbild geht dabei in jede Stufe mit, in der das Produkt vorkommt. Vor der ersten Generierung, die Credits kostet, fragt Claude, ob es jeden Schritt einzeln bestätigen lassen soll.

    # Modelle laut topview.ai/mcp
Seedance 2.0      Video
Kling 3.0         Video
Veo 3.1           Video
Nano Banana 2.0   Bild
GPT Image 2       Bild
Seedream 5.0 Pro  Bild

    Veröffentlichen oder Geld ausgeben nur mit deinem ausdrücklichen OK.

Installieren · zum Kopieren

Ein Prompt, und Topview ist verbunden.

Das Plugin steht unter MIT-Lizenz auf GitHub und wird mit zwei Befehlen in Claude Code installiert. Für die Nutzung brauchst du ein Topview-Konto, die Anmeldung läuft per OAuth im Browser. Generierungen verbrauchen Credits aus deinem Topview-Konto.

claude-code · topview
ready
  • Marketplace topview hinzugefügt (github.com/topviewai/plugins)
  • Plugin topview-browser@topview installiert, Scope: user
  • MCP-Server topview-browser: https://mcp-browser.topview.ai
  • Skills: marketing-studio, canvas-agent-workflows, operate-topview-canvas
  • Offen: neue Session starten, mit Topview-Konto anmelden

Noch nichts generiert, keine Credits verbraucht

Installiere mir das offizielle Topview-Plugin für Claude Code:
https://github.com/topviewai/plugins

1. Lies zuerst docs/claude.md im Repo. Führe dann genau diese
   zwei Befehle aus:
   claude plugin marketplace add https://github.com/topviewai/plugins --scope user --sparse .claude-plugin plugins
   claude plugin install topview-browser@topview --scope user
   Wenn Topview schon installiert ist, überschreib nichts und
   frag mich zuerst.
2. Zeig mir, welche Skills und welchen MCP-Server das Plugin
   mitbringt (laut plugins/topview-browser/.claude-plugin/plugin.json).
3. Sag mir, dass ich eine neue Session starten und mich beim ersten
   Aufruf per OAuth mit meinem Topview-Konto anmelden muss. Den Login
   mache ich selbst. Die Topview-Webseite kann eine eigene Anmeldung
   verlangen.
4. Wenn ich angemeldet bin: Prüf die Verbindung nur lesend, indem du
   meine Canvas-Projekte auflistest.

Starte noch keine Generierung, die kostet Credits.

Quelle: github.com/topviewai/plugins

In vier Schritten

So verbindest du Topview mit Claude.

Einmal verbunden, startest du eine Kampagne mit einem einzigen Satz.

  1. 01

    Prompt einfügen

    Claude installiert selbst

    Kopier den Install-Prompt in deine Claude-Code-Session. Claude fügt den Topview-Marketplace hinzu und installiert das Plugin für deinen Benutzer.

    claude plugin marketplace add https://github.com/topviewai/plugins --scope user --sparse .claude-plugin plugins
claude plugin install topview-browser@topview --scope user
  2. 02

    Anmelden

    Topview-Konto per OAuth

    Starte eine neue Session und melde dich beim ersten Aufruf mit deinem Topview-Konto an. Einen API-Key brauchst du dafür nicht. Laut Topview funktioniert der Unlimited-Tarif nicht mit MCP, Plugin oder Skill.

    In claude.ai geht es auch ohne Terminal: Settings, Connectors, eigenen Connector Topview mit https://mcp.topview.ai/mcp anlegen.

  3. 03

    Kampagne starten

    Direkt im Chat

    Lad dein Produktbild hoch oder gib einen Produktlink und schreib, was du willst. Claude öffnet den Canvas im Browser, damit du jederzeit mitarbeiten kannst.

    Starte eine Kampagne für dieses Produkt.
Launch a campaign for this product.
  4. 04

    Mit dem Team prüfen

    Campaign Workspace

    Recherche, Pläne und fertige Bilder und Videos bleiben in deinem Campaign Workspace und Board. Dort prüft dein Team alles, ändert, was nicht passt, und produziert weiter.

KI Agenten Club

Topview deckt das Marketing ab. Im KI Agenten Club zeige ich dir, wie ich mein ganzes Setup mit Claude Code aufbaue, von Skills über Agenten bis zu den Tools, mit denen ich jeden Tag arbeite.

Zum KI Agenten Club

KI Agenten Club

Vom Skill zum kompletten Setup.

Richtig Zeit sparst du, wenn Skills, Agenten, MCP-Server und deine CLAUDE.md zusammenspielen. Im KI Agenten Club zeigen wir dir das an unserem eigenen Setup, damit du es für deine Arbeit nachbauen kannst.

Vishal Punia · KI Agenten Club

Setup zum Übernehmen

Die Skills, MCP-Server und Vorlagen aus unserem Alltag, plus Orbit. 3 Tage kostenlos testen.

Zum KI Agenten Club