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