Codefluss Logo

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