Artefakty dla Claude Code, Codex
i każdego innego CLI agentów
Twój agent buduje dashboard, wykres lub raport. Zamiast zostawić ścieżkę do pliku w terminalu, pokazuje Ci stronę: blok nad composerem, który otwiera się jednym kliknięciem, i powiadomienie push, które otwiera ją na telefonie.
Jedno narzędzie dla każdego CLI agentów z klientem MCP, takie samo na macOS, Windows i Linux. Żadnej usługi hostingowej i żadnego konta u jednego dostawcy: strona jest plikiem na Twoim komputerze i tam zostaje.
view_present( path: "reports/q3.html", title: "Q3 dashboard" )
Agent wywołuje jedno narzędzie, a jego strona pojawia się jako blok nad composerem, z jednym dokumentem więcej na karcie Dokumenty.
Agenci świetnie zamieniają pytanie w stronę: dashboard Twoich przebiegów testów, wykres migracji, raport porównujący trzy opcje. Potem jednak strona kończy jako ścieżka do pliku gdzieś w terminalu, a Ty musisz ją zauważyć, otworzyć i mieć nadzieję, że wybrałeś właściwą.
AgentsRoom daje każdemu agentowi narzędzie do tego ostatniego kroku. Gdy strona jest gotowa, agent wywołuje view_present ze ścieżką i tytułem. Nad composerem tego agenta pojawia się blok. Kliknij go: karta Dokumenty wysuwa się na wierzch, a strona otwiera się wyrenderowana, z działającymi wykresami. Na telefonie powiadomienie push otwiera tę samą stronę.
To nie zależy od CLI. Narzędzie znajduje się na serwerze MCP AgentsRoom, który aplikacja podłącza do każdego agenta z klientem MCP, więc strona od Codex zachowuje się dokładnie tak samo jak strona od Claude Code. Do działania nic nie musi opuszczać Twojego komputera.
Co się dzieje, gdy agent pokazuje Ci stronę
Strona napisana przez Twojego agenta jest traktowana tak samo, niezależnie od tego, które CLI ją napisało.
Ten sam gest w każdym CLI
Claude Code, Codex, Antigravity CLI, Kimi Code i pozostałe wywołują to samo narzędzie i dają ten sam wynik. Zmiana CLI nie zmienia sposobu, w jaki otrzymujesz ich pracę.
Blok nad composerem
Dokument pojawia się tam, gdzie już rozmawiasz z agentem, z tytułem i informacją, jak dawno dotarł. Jedno kliknięcie go otwiera, krzyżyk usuwa blok, a dokument zostaje w Dokumentach.
Nie zabiera Ci ekranu
Nic nie wysuwa się na wierzch i nie pojawia się żadna karta terminala, więc panel, w którym piszesz, pozostaje Twój. Jeśli pracujesz z innym agentem lub w innym projekcie, blok na Ciebie czeka, a powiadomienie informuje Cię, że tam jest.
Na telefonie jednym dotknięciem
Gdy jesteś z dala od komputera, powiadomienie push podaje agenta, projekt i stronę. Dotknij go, a strona otworzy się w aplikacji AgentsRoom, nad konsolą tego agenta.
Zachowane w Dokumentach
Każda strona trafia do panelu Dokumenty projektu, którego karta pokazuje, ile ich jest. Każde nowe pokazanie pliku jest zachowywane jako wersja, z agentem, dostawcą i modelem, które ją wytworzyły.
Nie tylko HTML
Strony HTML uruchamiają własne skrypty, więc wygenerowane wykresy działają. To samo narzędzie pokazuje też obraz, SVG, PDF, plik Markdown lub tabelę CSV, wyrenderowane, a nie jako źródło.
Jak z tego korzystać
Nic do instalowania ani włączania. Cztery kroki od prośby do strony.
- 1
Poproś o stronę
W dowolnym agencie poproś zwykłymi słowami: zbuduj dashboard z tych wyników jako jeden plik HTML i pokaż mi go. Prośba o jeden plik ma znaczenie, bo strona z CSS, skryptami i danymi w środku renderuje się tak samo na komputerze i na telefonie.
- 2
Agent pokazuje ją, gdy jest gotowa
Gdy plik jest zapisany, agent wywołuje view_present z jego ścieżką i krótkim tytułem. Tytuł staje się nazwą bloku i treścią powiadomienia.
- 3
Czytaj tam, gdzie jesteś
Przy komputerze kliknij blok nad composerem agenta: karta Dokumenty wysuwa się na wierzch, a strona się otwiera. Kliknięcie powiadomienia robi to samo z dowolnego miejsca w aplikacji. Z dala od komputera dotknij powiadomienia push na telefonie.
- 4
Poproś o zmiany
Powiedz agentowi, co zmienić. Przepisuje plik i pokazuje go ponownie: blok się aktualizuje, a wcześniejsza wersja zostaje w Dokumentach.
Czym to się różni od artefaktów Claude
Claude ma własne artefakty. Na claude.ai i w Claude Code strona jest publikowana w usłudze Claude i czytana w przeglądarce, z linkiem, który mogą otworzyć osoby z Twojej organizacji. To dobry wybór, gdy chodzi o udostępnienie strony, i należy to do Claude: inne CLI, których używasz, tego nie dostają.
Tutaj strona pozostaje zwykłym plikiem na Twoim komputerze. Może ją pokazać każde CLI z klientem MCP, nic nie jest wysyłane, a plik może leżeć w Twoim repozytorium obok kodu, który go wytworzył. Telefon czyta go przez to samo połączenie szyfrowane end-to-end co reszta aplikacji.
Te dwa rozwiązania ze sobą nie konkurują. Używaj artefaktów Claude, gdy potrzebujesz linku dla kolegi z zespołu, a tego narzędzia, gdy uruchamiasz kilka CLI i chcesz widzieć ich pracę tam, gdzie już jesteś.
Ograniczenia
- Nie ma linku do udostępniania: strona jest plikiem na Twoim komputerze. Aby wysłać ją komuś, wyślij plik.
- Aplikacja desktopowa musi być uruchomiona, bo to ona przechowuje plik i pokazuje blok. Telefon czyta stronę za jej pośrednictwem.
- Telefon otrzymuje stronę jako jeden dokument, więc nie może wczytać plików obok niej. Na komputerze strona może korzystać z sąsiednich obrazów, arkuszy stylów, skryptów i danych. Trzymaj wszystko w jednym pliku, jeśli chcesz mieć ten sam wynik na obu urządzeniach.
- Narzędzie dociera do agentów przez MCP, więc Aider, który nie ma klienta MCP, zostawia ścieżkę do pliku w swojej odpowiedzi.
- Skrypty strony działają na Twoim komputerze i mogą łączyć się z siecią. Traktuj stronę, o którą nie prosiłeś, jak program, którego nie napisałeś. Plik, który wygląda, jakby zawierał sekret, jest odrzucany.
- Osobisty asystent nie ma panelu Dokumenty: kliknięcie jego bloku otwiera stronę we własnym podglądzie.
Najczęściej zadawane pytania
Czy Codex ma artefakty jak Claude?
W AgentsRoom tak: agent Codex może pokazać Ci napisaną przez siebie stronę HTML tym samym narzędziem co Claude Code. Strona pojawia się jako blok nad composerem, otwiera się jednym kliknięciem i trafia na Twój telefon. Działa na Twoim komputerze, więc nie wymaga konta w usłudze hostingowej.
Czy to alternatywa dla artefaktów Claude?
Do oglądania pracy agenta tak, i działa z każdym CLI, które ma klienta MCP. Do udostępniania nie: artefakty Claude dają link dla Twojej organizacji, a tutaj strona pozostaje plikiem na Twoim komputerze.
Jak wyświetlić podgląd pliku HTML napisanego przez mojego agenta?
Poproś agenta, żeby Ci go pokazał: wywołuje view_present, a kliknięcie bloku nad composerem otwiera wyrenderowaną stronę. Możesz też sam otworzyć dowolny plik HTML z linku do pliku w odpowiedzi agenta albo z karty Pliki w prawym panelu. Skrypty działają, więc wygenerowane wykresy się rysują.
Czy moja strona lub moje dane przechodzą przez serwer?
Strona nie: pozostaje plikiem na Twoim komputerze, a telefon czyta ją przez połączenie szyfrowane end-to-end z Twoim desktopem. Powiadomienie push przechodzi przez usługę powiadomień push i zawiera widoczny na nim tytuł, nazwy agenta i projektu oraz ścieżkę pliku w projekcie.
Czy to przerwie mi to, co robię?
Nie. Strona nigdy nie otwiera się sama: czeka jako blok nad composerem agenta, aż go klikniesz. Jeśli nie patrzysz na tego agenta, dostajesz też powiadomienie i push. Oba zależą od Twoich ustawień powiadomień, a agent ogłasza najwyżej jedną stronę na minutę.
Może Ci się spodobać
Diagramy Mermaid
Claude Code i Codex piszą diagramy Mermaid jako tekst, który terminal może tylko wyświetlić. AgentsRoom rysuje je tam, gdzie czytasz agenta: czat, pliki .md, plany, zgłoszenia.
Widok rozmowy
Widok czatu dla Claude Code, Codex i pięciu innych CLI agentów: sesja odczytana z transkryptu samego CLI, zwinięte wywołania narzędzi, odpowiedzi na żywo, na komputerze i telefonie.
Przegląd planu
Twój agent proponuje plan: przeczytaj go jak dokument, skomentuj, zastąp lub usuń dowolny fragment, a potem zatwierdź plan albo odeślij go jedną wiadomością. Każda wersja zostaje zachowana.
MCP Dashboard
Poznaj Model Context Protocol (MCP), zrozum serwery MCP i klientów MCP oraz odkryj, jak AgentsRoom staje się wizualnym dashboardem MCP dla agentów Claude Code używających serwerów MCP. Uruchamiaj wieloagentowe workflow MCP, debuguj połączenia MCP z --mcp-debug i monitoruj każdą sesję Claude Code napędzaną MCP w czasie rzeczywistym.
Zobacz, co budują Twoi agenci
Pobierz AgentsRoom na macOS, Windows lub Linux, a potem poproś dowolnego agenta o zbudowanie dashboardu jako jednego pliku HTML i pokazanie Ci go.
Aplikacja towarzysząca: monitoruj agentów w podróży
Użyj Claude, Codex, Antigravity CLI lub innego dostawcy AI.
Wysyłaj bugi i prośby bezpośrednio do swojego publicznego backlogu.