Codefluss Logo

Card-Style erstellen

Card Style erstellen

Tool

create_card_style

Beschreibung

Erstellt einen neuen Card Style innerhalb eines Projekts. Card Styles definieren das visuelle Erscheinungsbild von Karten-Komponenten und referenzieren andere Design Tokens wie Schatten.

Parameter

ParameterTypErforderlichBeschreibung
namestringJaEindeutiger Name des Card Styles
shadowstringJaReferenz auf einen Shadow Token (z.B. shadow-md)
borderRadiusstringJaBorder-Radius (z.B. 12px, 1rem)
paddingstringJaInnenabstand (z.B. 24px)
backgroundstringJaHintergrundfarbe oder -referenz
projectIdstringJaID des zugehörigen Projekts

Beispiel

Request

{ "name": "elevated", "shadow": "shadow-md", "borderRadius": "12px", "padding": "24px", "background": "white", "projectId": "proj_abc123" }

Response

{ "success": true, "data": { "id": "card_style_def456", "name": "elevated", "shadow": "shadow-md", "borderRadius": "12px", "padding": "24px", "background": "white", "projectId": "proj_abc123", "status": "draft", "createdAt": "2026-02-04T10:30:00Z", "updatedAt": "2026-02-04T10:30:00Z" } }

Hinweise

  • Draft-Workflow: Neue Card 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 Token Referenzen: Der shadow-Parameter referenziert bestehende Shadow Tokens. Stellen Sie sicher, dass der referenzierte Shadow existiert.
  • Background: Kann ein Farbwert (white, #f5f5f5), eine Farbreferenz (color-primary-50) oder ein Gradient sein.
  • Namenskonvention: Namen sollten den visuellen Stil beschreiben (z.B. elevated, flat, bordered).

Verwandte Tools