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
| Parameter | Typ | Required | Beschreibung |
|---|---|---|---|
| name | string | Ja | Eindeutiger Name des Grid Presets (z.B. "content", "feature") |
| columns | number | Ja | Anzahl der Spalten im Grid (typisch: 4, 6, 12) |
| gap | string | Ja | Abstand zwischen den Spalten mit Einheit (z.B. "24px", "1.5rem") |
| maxWidth | string | Ja | Maximale Breite des Grids mit Einheit (z.B. "1280px") |
| padding | string | Ja | Horizontales Padding des Containers mit Einheit (z.B. "16px") |
| projectId | string | Ja | ID 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
- Grid Preset aktualisieren - Bestehendes Grid bearbeiten
- Grid Preset löschen - Grid entfernen
- Breakpoint erstellen - Responsive Breakpoint anlegen