Grid-Preset erstellen

Erstellt ein neues Grid Preset für konsistente Layouts.

Tool Name

create_grid_preset

Beschreibung

Dieses Tool erstellt ein wiederverwendbares Grid Preset, das Spaltenanzahl, Abstände und maximale Breite definiert. Grid Presets ermöglichen konsistente Layouts über verschiedene Seiten und Komponenten hinweg. Sie können für unterschiedliche Content-Bereiche optimiert werden (z.B. schmales Content-Grid, breites Feature-Grid).

Parameter

ParameterTypRequiredBeschreibung
namestringJaEindeutiger Name des Grid Presets (z.B. "content", "feature")
columnsnumberJaAnzahl der Spalten im Grid (typisch: 4, 6, 12)
gapstringJaAbstand zwischen den Spalten mit Einheit (z.B. "24px", "1.5rem")
maxWidthstringJaMaximale Breite des Grids mit Einheit (z.B. "1280px")
paddingstringJaHorizontales Padding des Containers mit Einheit (z.B. "16px")
projectIdstringJaID des Projekts, zu dem das Grid Preset gehört

Beispiel Request

{ "name": "content", "columns": 12, "gap": "24px", "maxWidth": "1280px", "padding": "16px", "projectId": "proj_abc123" }

Beispiel Response

{ "success": true, "data": { "gridPreset": { "id": "grid_def456", "name": "content", "columns": 12, "gap": "24px", "maxWidth": "1280px", "padding": "16px", "projectId": "proj_abc123", "createdAt": "2026-02-04T10:30:00Z", "updatedAt": "2026-02-04T10:30:00Z" } } }

Hinweise

  • Änderungen werden als Draft gespeichert
  • Audit-Log mit source: "mcp"
  • Grid Preset-Namen müssen innerhalb eines Projekts eindeutig sein
  • Layout-Tokens beeinflussen responsive Verhalten
  • Empfohlene Spaltenanzahlen: 4 (mobil), 6 (Tablet), 12 (Desktop)
  • Gap und Padding können CSS-Einheiten wie px, rem, em oder % verwenden
  • Grid Presets können mit Breakpoints kombiniert werden für responsive Grids

Verwandte Tools