Codefluss Logo

Effekte auflisten

Listet alle Effekte des Design Systems auf: Opacity, Border Radius, Focus Rings und Backdrops.

Tool Name

list_effects

Beschreibung

Das list_effects Tool gibt alle im Design System definierten visuellen Effekte zurĂŒck. Dies umfasst Opacity-Stufen, Border-Radius-Werte, Focus-Ring-Stile und Backdrop-Effekte fĂŒr konsistente visuelle Behandlung.

Parameter

Dieses Tool benötigt keine Parameter.

Beispiel Request

{ "jsonrpc": "2.0", "method": "tools/call", "params": { "name": "list_effects", "arguments": {} }, "id": 1 }

Beispiel Response

{ "jsonrpc": "2.0", "result": { "content": [ { "type": "text", "text": "{\"opacity\":[{\"id\":\"opacity_001\",\"name\":\"0\",\"value\":\"0\"},{\"id\":\"opacity_002\",\"name\":\"50\",\"value\":\"0.5\"},{\"id\":\"opacity_003\",\"name\":\"100\",\"value\":\"1\"}],\"borderRadius\":[{\"id\":\"radius_001\",\"name\":\"none\",\"value\":\"0\"},{\"id\":\"radius_002\",\"name\":\"sm\",\"value\":\"4px\"},{\"id\":\"radius_003\",\"name\":\"md\",\"value\":\"8px\"},{\"id\":\"radius_004\",\"name\":\"lg\",\"value\":\"12px\"},{\"id\":\"radius_005\",\"name\":\"full\",\"value\":\"9999px\"}],\"focusRings\":[{\"id\":\"focus_001\",\"name\":\"default\",\"value\":\"0 0 0 2px var(--color-primary-500)\"},{\"id\":\"focus_002\",\"name\":\"error\",\"value\":\"0 0 0 2px var(--color-error-500)\"}],\"backdrops\":[{\"id\":\"backdrop_001\",\"name\":\"blur-sm\",\"value\":\"blur(4px)\"},{\"id\":\"backdrop_002\",\"name\":\"blur-md\",\"value\":\"blur(8px)\"},{\"id\":\"backdrop_003\",\"name\":\"blur-lg\",\"value\":\"blur(16px)\"}]}" } ] }, "id": 1 }

Response Format

Objekt mit vier Arrays:

opacity

FeldTypBeschreibung
idstringEindeutige ID
namestringToken-Name (0-100)
valuestringDezimalwert (0-1)

borderRadius

FeldTypBeschreibung
idstringEindeutige ID
namestringGrĂ¶ĂŸenbezeichnung
valuestringCSS-Wert in px

focusRings

FeldTypBeschreibung
idstringEindeutige ID
namestringKontext (default, error)
valuestringCSS box-shadow Wert

backdrops

FeldTypBeschreibung
idstringEindeutige ID
namestringBlur-Stufe
valuestringCSS backdrop-filter Wert

Verwandte Tools