Snippet

Jedno polecenie albo klawisz z przyciskiem kopiowania, na przykład linia instalacji. Tekst się zawija, więc mieści się na ekranie telefonu.

Snippet

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: Snippet

Run in the project folder

$npx skills add skribly/agent-skills

claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest --browserUrl http://127.0.0.1:9222

Noc, podgląd: Snippet

Run in the project folder

$npx skills add skribly/agent-skills

claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest --browserUrl http://127.0.0.1:9222

Wysoki kontrast, podgląd: Snippet

Run in the project folder

$npx skills add skribly/agent-skills

claude mcp add chrome-devtools -- npx chrome-devtools-mcp@latest --browserUrl http://127.0.0.1:9222

UżycieLink do sekcji Użycie

tsx

import { Snippet } from '@skribly/ui/content'

tsx

<Snippet
  label="Run in the project folder"
  prompt="$"
  text="npx skills add skribly/agent-skills"
  copyLabel="Copy command"
  copiedLabel="Copied"
  copyFailedLabel="Could not copy"
/>

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ść

Podpis nazywa grupę.
Znak zachęty jest ukryty przed czytnikami ekranu i pomijany przy kopiowaniu.
Przycisk z ikoną ma własną nazwę, a wynik odczytuje region statusu typu polite.

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