Button Style erstellen

Tool

create_button_style

Beschreibung

Erstellt einen neuen Button Style innerhalb eines Projekts. Button Styles definieren das visuelle Erscheinungsbild von Buttons und können projektübergreifend wiederverwendet werden.

Parameter

Parameter	Typ	Erforderlich	Beschreibung
`name`	string	Ja	Eindeutiger Name des Button Styles
`variant`	string	Ja	Variante: `primary`, `secondary`, `outline`, `ghost`
`size`	string	Ja	Größe: `sm`, `md`, `lg`
`borderRadius`	string	Ja	Border-Radius (z.B. `8px`, `0.5rem`)
`padding`	string	Ja	Innenabstand (z.B. `12px 24px`)
`projectId`	string	Ja	ID des zugehörigen Projekts

Beispiel

Request

{
  "name": "primary-lg",
  "variant": "primary",
  "size": "lg",
  "borderRadius": "8px",
  "padding": "12px 24px",
  "projectId": "proj_abc123"
}

Response

{
  "success": true,
  "data": {
    "id": "btn_style_xyz789",
    "name": "primary-lg",
    "variant": "primary",
    "size": "lg",
    "borderRadius": "8px",
    "padding": "12px 24px",
    "projectId": "proj_abc123",
    "status": "draft",
    "createdAt": "2026-02-04T10:30:00Z",
    "updatedAt": "2026-02-04T10:30:00Z"
  }
}

Hinweise

Draft-Workflow: Neue Button Styles werden im Status draft erstellt und müssen vor der Verwendung in Produktionsumgebungen veröffentlicht werden.
Audit-Log: Alle Erstellungsvorgänge werden im Audit-Log protokolliert.
Design Tokens: Button Styles können auf andere Design Tokens wie Farben und Schatten referenzieren.
Namenskonvention: Der Name sollte die Variante und Größe widerspiegeln (z.B. primary-lg, outline-sm).

Button-Style erstellen