AgentAvatar

Kwadratowy kafelek z literami agenta programistycznego, na listach sesji, kartach i plakietkach. Aplikacja przekazuje litery i kolor z własnej listy agentów.

AgentAvatar

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Dzień, podgląd: AgentAvatar

CXCuG$C

Noc, podgląd: AgentAvatar

CXCuG$C

Wysoki kontrast, podgląd: AgentAvatar

CXCuG$C

UżycieLink do sekcji Użycie

tsx

import { AgentAvatar } from '@skribly/ui/brand'

tsx

<AgentAvatar letters="C" color="var(--sk-tool-agent)" label="Claude Code" />

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

DostępnośćLink do sekcji Dostępność

Dekoracja, chyba że ustawiono label.
Litery zostają w kolorze tokenu pierwszego planu na odcieniu do 24 procent, co utrzymuje kontrast tekstu powyżej 4,5:1 dla dowolnego koloru, a pełny kolor trafia do ramki.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.