Codefluss Logo

Breakpoint erstellen

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

ParameterTypRequiredBeschreibung
namestringJaEindeutiger Name des Breakpoints (z.B. "tablet", "desktop")
minWidthstringJaMinimale Bildschirmbreite mit Einheit (z.B. "768px")
maxWidthstringNeinMaximale Bildschirmbreite mit Einheit (z.B. "1023px")
projectIdstringJaID 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