create_focus_ring
Erstellt einen neuen Focus-Ring-Stil im Design-System eines Projekts.
Parameter
| Parameter | Typ | Erforderlich | Beschreibung |
|---|---|---|---|
name | string | Ja | Eindeutiger Name des Focus-Ring-Stils |
color | string | Ja | Farbe des Focus-Rings (HEX, RGB, HSL) |
width | string | Ja | Breite des Focus-Rings (z.B. "2px") |
offset | string | Ja | Abstand des Rings vom Element (z.B. "2px") |
projectId | string | Ja | ID 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
drafterstellt - Ănderungen werden im Audit-Log protokolliert
- Focus-Rings sind essentiell fĂŒr Barrierefreiheit (a11y)
- Der
namemuss innerhalb des Projekts eindeutig sein - Farben können als HEX, RGB, RGBA, HSL oder HSLA angegeben werden
Verwandte Tools
- update_focus_ring - Focus-Ring aktualisieren
- delete_focus_ring - Focus-Ring löschen