MCP Server
Die Library in deinem Editor.
Kein Suchen, kein Copy-Paste. Der Assistent schreibt die perfekten Tailwind-Komponenten direkt in dein Projekt.
claude mcp add --transport http systra https://systra.tools/api/mcpIn drei Schritten
So richtest du es ein
Schritt 01
01Verbinden
MCP-URL einmalig im Editor eintragen. Kein Login, kein SDK.
Schritt 02
02Anfragen
Im Chat beschreiben, was du brauchst. Der Assistent findet die passende Komponente.
Schritt 03
03Einbauen
Der fertige Code landet in deinem Projekt, samt Animationen.
Setup
Für deinen Editor
Claude Code
Im Terminal deines Projekts ausführen.
claude mcp add --transport http systra https://systra.tools/api/mcpCursor
In ~/.cursor/mcp.json eintragen.
{
"mcpServers": {
"systra": {
"url": "https://systra.tools/api/mcp"
}
}
}VS Code
In .vscode/mcp.json deines Workspace.
{
"servers": {
"systra": {
"type": "http",
"url": "https://systra.tools/api/mcp"
}
}
}Der Assistent
Was der Assistent kann
Hero mit Vollbild-Foto
GiantWordmarkHeroHeros
ContactSplitPanelKontakt
PricingScaleCardsPricing
Premium Zugang
Dein Schlüssel zur ganzen Library
Um den MCP Server in vollem Umfang für alle Komponenten der Library nutzen zu können, benötigst du einen persönlichen API-Key aus deinem Premium-Konto.