Claude Code · reads only
DoneRead the goal and the code around it. Write a short plan to handoff.md: files to touch, risks, and the order of work.
PipelineStepNode
Jeden krok potoku agentów: jego rola, agent, prompt i status. Wybierz go dla węzłów grafu potoku albo listy kroków; kroki jednego etapu działają równolegle.
- PipelineStepNode
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: PipelineStepNode
Stage 1
Stage 2
Codex · edits filesRunningFollow the plan in handoff.md. Change only the files it lists, keep the public API, and add tests for every new branch. Run the test suite before you finish and write what changed to handoff.md. If a step in the plan is wrong, say so in handoff.md instead of guessing.
Gemini · edits filesFailedUpdate the documentation for anything the plan changes.
Stage 3
Claude Code · reads onlyWaitingReview the diff against the plan. List problems by severity.
Noc, podgląd: PipelineStepNode
Stage 1
Claude Code · reads onlyDoneRead the goal and the code around it. Write a short plan to handoff.md: files to touch, risks, and the order of work.
Stage 2
Codex · edits filesRunningFollow the plan in handoff.md. Change only the files it lists, keep the public API, and add tests for every new branch. Run the test suite before you finish and write what changed to handoff.md. If a step in the plan is wrong, say so in handoff.md instead of guessing.
Gemini · edits filesFailedUpdate the documentation for anything the plan changes.
Stage 3
Claude Code · reads onlyWaitingReview the diff against the plan. List problems by severity.
Wysoki kontrast, podgląd: PipelineStepNode
Stage 1
Claude Code · reads onlyDoneRead the goal and the code around it. Write a short plan to handoff.md: files to touch, risks, and the order of work.
Stage 2
Codex · edits filesRunningFollow the plan in handoff.md. Change only the files it lists, keep the public API, and add tests for every new branch. Run the test suite before you finish and write what changed to handoff.md. If a step in the plan is wrong, say so in handoff.md instead of guessing.
Gemini · edits filesFailedUpdate the documentation for anything the plan changes.
Stage 3
Claude Code · reads onlyWaitingReview the diff against the plan. List problems by severity.
UżycieLink do sekcji Użycie
import { PipelineStepNode } from '@skribly/ui/agents'<PipelineStepNode
title="Reviewer"
meta="Claude Code · reads only"
prompt={step.prompt}
status="running"
statusLabel={t('status.running')}
onSelect={() => show(step.id)}
isSelected={shown === step.id}
expandLabel={t('showAll')}
collapseLabel={t('showLess')}
/>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ść
- Element article z rolą jako nagłówkiem.
- Każdy status ma własny kształt ikony i swoje słowo, więc kolor ramki nigdy nie jest jedynym sygnałem; wskaźnik działania zwalnia przy ograniczonym ruchu.
- Z onSelect tytuł jest przyciskiem przełączanym, który zgłasza, czy krok jest pokazany.
- Długi prompt jest ucinany do trzech linii, z przyciskiem, który zgłasza, czy jest rozwinięty.
- Na wąskim ekranie etapy układają się w stos.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.