Codefluss Logo

Focus Ring erstellen

create_focus_ring

Erstellt einen neuen Focus-Ring-Stil im Design-System eines Projekts.

Parameter

ParameterTypErforderlichBeschreibung
namestringJaEindeutiger Name des Focus-Ring-Stils
colorstringJaFarbe des Focus-Rings (HEX, RGB, HSL)
widthstringJaBreite des Focus-Rings (z.B. "2px")
offsetstringJaAbstand des Rings vom Element (z.B. "2px")
projectIdstringJaID des Projekts

Beispiel

Request

{ "tool": "create_focus_ring", "parameters": { "name": "primary", "color": "#3b82f6", "width": "2px", "offset": "2px", "projectId": "proj_abc123" } }

Response

{ "success": true, "data": { "id": "focus_xyz789", "name": "primary", "color": "#3b82f6", "width": "2px", "offset": "2px", "projectId": "proj_abc123", "status": "draft", "createdAt": "2026-02-04T10:00:00Z", "updatedAt": "2026-02-04T10:00:00Z" } }

Hinweise

  • Der Focus-Ring wird initial im Status draft erstellt
  • Änderungen werden im Audit-Log protokolliert
  • Focus-Rings sind essentiell fĂŒr Barrierefreiheit (a11y)
  • Der name muss innerhalb des Projekts eindeutig sein
  • Farben können als HEX, RGB, RGBA, HSL oder HSLA angegeben werden

Verwandte Tools