Zum Inhalt springen

KI-Agenten, hier istder Neobrutalism-MCP-Server

Bitte deinen Editor um einen Hero, eine Preistabelle, eine ganze Landingpage — der MCP-Server reicht deinem Agenten das Original: jede Komponente, jeden Pro-Block, Live-Vorschauen und Install-Kommandos, in denen dein Registry-Token schon steckt. Eine URL, und neobrutalistisches UI liefert sich von selbst aus.

Token holenHol dir Pro
neobrutalism · MCP

Add pricing to the landing page

AgentviaMCP

Found a Pro block — installing it now.

Pro

$49/mo

  • 150+ blocks
  • Templates + MCP
Get started
Shell command: npx shadcn add pricing-table…
Verbunden · Pro
  • MCP server
  • Built for AI agents
  • 12 tools
  • 150+ Pro blocks
  • 50+ components
  • 3 backends
  • Claude Code
  • Cursor
  • VS Code
  • Any MCP client
  • One URL, one token
  • Prompt → shipped

Agents shippen schneller mit einer First-Party-Registry

Generisches Scraping liefert deinem Agenten veraltete Docs und geratene Props. Der MCP-Server antwortet aus derselben Source of Truth, die die Seite selbst rendert — die echten Registry-Items, der echte Block-Index, die echten Install-URLs.

01

Der ganze Katalog

Jede Komponente (Base UI, Radix, React Aria — LTR und RTL) und jeder Pro-Block, durchsuchbar nach Name, Titel und Beschreibung. Stats, Kategorien und Metadaten pro Item sind einen Tool-Call entfernt.

02

Echte Source, schon abgeflacht

Block-Source kommt bereits auf dein gewähltes Backend abgeflacht an, npm-Dependencies und Registry-Dependencies aufgelöst — exakt das, was die shadcn CLI installieren würde, ohne den Editor zu verlassen.

03

Install-Kommandos, die einfach laufen

get_install_command liefert ein shadcn add-Kommando, in dem dein Registry-Token schon steckt. Dein Agent fügt es ins Terminal ein und der Block landet in deinem Projekt.

Zwölf Tools, null Raterei

Discovery bleibt günstig, Source bleibt opt-in — die Tool-Fläche ist so geschnitten, dass Agents leicht stöbern und nur für Code Tokens zahlen, den sie wirklich übernehmen.

  • search_items

    Durchsuche jede Komponente und jeden Block nach Name, Titel und Beschreibung.

  • list_components

    Jede freie Komponente mit Titel, Beschreibung und Docs-URL.

  • list_block_categories

    Alle Pro-Block-Kategorien mit Zählern.

  • list_blocks_in_category

    Die Blocks in einer Kategorie, mit Seiten- und Vorschau-URLs.

  • get_component

    Komponenten-Metadaten — Dependencies und Dateipfade, ohne Source.

  • get_component_source

    Vollständige Komponenten-Source für Base UI, Radix oder React Aria.

  • get_block

    Reiche Block-Metadaten — Intro, verwendete Komponenten, FAQ, Vorschaubild.

  • get_block_source

    Installierbare Block-Source, abgeflacht auf dein gewähltes Backend.

  • get_install_command

    Ein fertiges shadcn add-Kommando, Token inklusive.

  • get_preview_url

    Docs-Seite und chromlose Live-Vorschau-URLs.

  • get_registry_stats

    Top-Level-Zähler über die ganze Registry.

  • whoami

    Prüfe den authentifizierten Account und den Pro-Status.

Ein Befehl zum Verbinden

Der Server spricht Streamable HTTP — kein lokaler Prozess, kein npm-Paket, das aktuell gehalten werden will. Richte deinen Editor auf die URL und authentifiziere dich mit deinem Registry-Token.

Hol dir dein Registry-Token

Jeder Account hat ein persönliches Registry-Token — dasselbe, das Pro-Block-Installs über die shadcn CLI authentifiziert. Kopiere es aus deinem Dashboard.

Dashboard → Konto

Füge den Server zu deinem Editor hinzu

Ersetze YOUR_TOKEN im Snippet für deinen Editor. Das Token reist in der URL mit — keine extra Header, keine Umgebungsvariablen nötig.

Claude CodeClaude CodeFrag im Terminal — Claude findet und installiert echte Blocks.CursorCursorComposer holt echte UI aus dem Katalog, während du im Flow bleibst.VS CodeVS CodeDer Copilot-Agent-Modus holt Komponenten und Pro-Blocks, wenn du sie brauchst.ZedZedDer Agent von Zed findet den Block und setzt fertige UI ein.WindsurfWindsurfCascade wählt den richtigen Block und gibt dir den Install-Befehl.JetBrainsJetBrainsAI Assistant durchstöbert den Katalog in IntelliJ, WebStorm und mehr.Claude DesktopClaude DesktopChatte mit Claude — er findet und liefert echte UI aus der Registry.OpenAI CodexOpenAI CodexCodex fragt den Katalog ab und installiert UI über CLI oder IDE.OpenCodeOpenCodeOpenCode spricht mit der Live-Registry — kein lokaler MCP-Prozess nötig.ClineClineIn VS Code greift Cline über eine Remote-MCP-URL auf Pro-Blocks zu.Roo CodeRoo CodeStreamable HTTP in Roo — Katalog-Tools, ohne den Agenten zu verlassen.Kilo CodeKilo CodeKilos Agent-Settings — Remote-MCP, global oder pro Projekt in kilo.jsonc.KiroKiroNeobrutalism in Kiros MCP-Servers-Liste — und einfach fragen.Google AntigravityGoogle AntigravityserverUrl in Google Antigravity — gehostetes Neobrutalism, Token im Query-String.TraeTraeTraes Add-MCP-manually-Flow — Standard-JSON, Remote-URL.ChatGPTChatGPTDeveloper-Mode-App in ChatGPT — Registry-URL einfügen und chatten.

Dein Editor fehlt in der Liste? Jeder MCP-Client, der Streamable HTTP spricht, funktioniert — richte ihn auf dieselbe URL.

Ein Pro-Feature, gesichert durch dein Token

Der MCP-Endpoint ist Pro-only, wie die Blocks, die er ausliefert. Requests ohne gültiges Token bekommen 401; ein gültiges Token ohne Pro-Plan bekommt 403 mit Upgrade-Link. Ein Upgrade greift sofort — kein neues Token nötig.

Gib deinem Agenten das ganze Designsystem

Pro schaltet den MCP-Server frei, jeden Block, alle Templates und das Figma-Kit — eine Lizenz, alles, was seither geshippt wurde.

Hol dir ProMCP-Docs lesen

MCP-Server
FAQ

Der Pro-MCP-Endpoint auf dieser Seite — was er ausliefert, wie das Token funktioniert und was ihn vom freien CLI-Setup unterscheidet.

Noch Fragen?[email protected]
Get Pro — Save 33%--:--:--