Erstellt einen neuen responsiven Breakpoint fĂŒr ein Projekt.
Tool Name
create_breakpoint
Beschreibung
Dieses Tool erstellt einen neuen Breakpoint, der die Grenzen fĂŒr responsive Layouts definiert. Breakpoints legen fest, ab welcher Bildschirmbreite bestimmte Styles angewendet werden. Standard-Breakpoints orientieren sich an gĂ€ngigen GerĂ€tegröĂen: sm (640px), md (768px), lg (1024px), xl (1280px), 2xl (1536px).
Parameter
| Parameter | Typ | Required | Beschreibung |
|---|---|---|---|
| name | string | Ja | Eindeutiger Name des Breakpoints (z.B. "tablet", "desktop") |
| minWidth | string | Ja | Minimale Bildschirmbreite mit Einheit (z.B. "768px") |
| maxWidth | string | Nein | Maximale Bildschirmbreite mit Einheit (z.B. "1023px") |
| projectId | string | Ja | ID des Projekts, zu dem der Breakpoint gehört |
Beispiel Request
{
"name": "tablet",
"minWidth": "768px",
"maxWidth": "1023px",
"projectId": "proj_abc123"
}Beispiel Response
{
"success": true,
"data": {
"breakpoint": {
"id": "bp_xyz789",
"name": "tablet",
"minWidth": "768px",
"maxWidth": "1023px",
"projectId": "proj_abc123",
"order": 2,
"createdAt": "2026-02-04T10:30:00Z",
"updatedAt": "2026-02-04T10:30:00Z"
}
}
}Hinweise
- Ănderungen werden als Draft gespeichert
- Audit-Log mit source: "mcp"
- Breakpoint-Namen mĂŒssen innerhalb eines Projekts eindeutig sein
- Die Reihenfolge der Breakpoints wird automatisch nach minWidth sortiert
- Standard-Breakpoints können als Referenz verwendet werden: sm (640px), md (768px), lg (1024px), xl (1280px), 2xl (1536px)
- maxWidth ist optional - ohne maxWidth gilt der Breakpoint ab minWidth aufwÀrts
Verwandte Tools
- Breakpoint aktualisieren - Bestehenden Breakpoint bearbeiten
- Breakpoint löschen - Breakpoint entfernen
- Grid Preset erstellen - Grid-Layout anlegen