GrokBot 3D 라이브 오피스 대시보드 구축 및 ntfy 상태 피드 연동 팁

GrokBot 다중 에이전트 운영 환경에서 개별 봇의 동작 상태와 리소스 사용량을 3D 가상 오피스 대시보드로 실시간 시각화하는 설정 방법입니다. 원작성자는 0xCodila(@0xCodila)이며, ntfy 알림 채널과 간단한 HTTPS curl 명령을 연동해 브라우저 상에서 에이전트 현황판을 구성하는 절차를 공유했습니다.

이미지 출처: @0xCodila

별도 백엔드 서버 없이 정적 대시보드 웹페이지와 무료 ntfy 메시지 채널을 연결하며, PC와 모바일 브라우저 모두에서 접근할 수 있습니다. 0xCodila의 측정 기준 Super Plan 환경에서 초기 프롬프트 1회 입력으로 약 2분 내 설정 완료 및 1% 미만의 사용량이 소요되었습니다.

동작 원리 및 보안 구조

0xCodila의 설정 가이드에 따르면 대시보드 시스템은 ntfy 토픽을 상태 피드로 사용합니다.

• 정적 웹 클라이언트: 대시보드는 정적 웹페이지로 구동되며, 사용자의 브라우저가 ntfy 채널의 메시지를 직접 읽어 3D 공간을 렌더링합니다.
• 채널 보안 키: 채널 식별자는 22자리 무작위 영숫자 문자열로 생성되어 비밀번호 역할을 수행합니다. 해당 링크를 공유하지 않는 한 외부에서 채널을 특정할 수 없습니다.
• 보안 제약: 0xCodila에 따르면 이 피드는 종단간 암호화(E2EE)가 적용되지 않으며, 프롬프트는 상태 정보에 비밀이나 개인정보를 포함하지 않도록 규정합니다.
• 데이터 보존 주기: ntfy 채널 메시지는 12시간 후 자동 만료됩니다.
• 연동 해제: 초기 공유 메모리 방식에서는 상태 규칙과 두 반복 루틴을 삭제하면 다른 작업이 계속 실행되지 않는다고 0xCodila는 설명합니다.

1단계: 매니저 프롬프트 실행 및 채널 생성

GrokBot 대화창에 아래 매니저 프롬프트를 입력합니다. 이 프롬프트는 GrokBot에 ntfy 토픽 주소와 대시보드 접속 URL을 생성하고 공유 메모리 규칙을 설정하도록 지시합니다.

I'd like to set up a small status feed for all my bots, so I can watch them on a dashboard. It uses ntfy, a free notification service, over plain HTTPS with curl. Please do these steps in order.

1. Run this once. It prints three lines: remember the first as TOPIC, the second as FEED (the feed address) and the third as LINK (my dashboard). Use them in every step below:
python3 -c "import secrets,string;t='gbw-'+''.join(secrets.choice(string.ascii_letters+string.digits) for _ in range(22));print(t);print('https:'+'//'+'ntfy'+'.sh/'+t);print('https:'+'//'+'bodila51.github'+'.io/grokbot-wallpaper/office/'+chr(35)+t)"

2. Save the rule below in my shared user memory (the shared profile that all my bots see), with the real FEED address written in. Save it as three separate short facts, each under 400 characters, so none gets cut. If the shared memory already has an older rule about posting statuses to ntfy, delete it, or mark it as replaced by this one.
Fact A: On every status change (you start a task, finish it, need me, hit an error, go idle), run: curl -s -d '{"bot":"<your exact name>","status":"working|idle|waiting_user|error|done","step":"<what you are doing>"}' FEED
Fact B: For that status line: pick one status from the list, send valid JSON only, step at most 80 characters, no secrets or personal data in step. If your name has a quote or apostrophe, send the JSON through curl's stdin from a here-document.
Fact C: Once a day on your first run, and whenever you create, change or delete a routine, post your own routines (an empty list if none): curl -s -d '{"routines":{"bot":"<your exact name>","items":[{"name":"<routine>","schedule":"<when, in words>","next_run":"<ISO time>"}]}}' FEED

3. Post the roster: the exact name of every bot I have, including yourself:
curl -s -d '{"roster":["Bot A","Bot B"]}' FEED

4. Invent a look for each bot from its name and role.
shape is one of: sphere, rounded_cube, pill, triangle, cone, pentagon, hexagon, star4, star6, clover, rounded_square, trio.
accessory is one of: none, glasses, stem, antenna, bow.
color is a six-digit hex colour with a number sign in front (for example a blue like 2D84F5). Post one line (several lines in the same format if it would pass 4000 characters):
curl -s -d '{"looks":{"Bot A":{"shape":"sphere","color":"<hex colour>","accessory":"none"}}}' FEED

5. Sort my bots into 3 to 6 teams by their roles, with short English team names (each team gets its own floor on the dashboard). Put yourself and any helper or test bots into one team, for example Ops. Post them:
curl -s -d '{"groups":{"Bot A":"Content","Bot B":"Finance"}}' FEED

6. Post each bot's chat link, the app link with its id (grokbot, colon, two slashes, then app/v1/agent?id= and the id). Skip a bot if you don't know its id:
curl -s -d '{"chat":{"Bot A":"<chat link>"}}' FEED

7. Create two routines for yourself. The channel forgets messages after 12 hours, so (a few minutes off schedule is fine):
Every day around 08:00 my local time: post steps 3, 4, 5 and 6 again.
Around 09:00, 13:00, 17:00 and 21:00 my local time: run your usage check, asking for the full list of bots (not only the top ones), and post one line. total_used_pct is the overall weekly limit used, in percent (the shared number, not only Grok Bot's part). bots is each of my bots' share of the usage this week, in percent (whole numbers are fine); leave out bots under 1%, rows that are not one of my bots (deleted bots, group chats, other people's bots).

2단계: 3D 오피스 접속 및 상호작용

스크립트 실행 후 출력되는 대시보드 URL(https://bodila51.github.io/grokbot-wallpaper/office/#gbw-...)을 브라우저로 엽니다.

• 팀별 층별 배치: 에이전트 팀이 층 단위로 구분되어 3D 가상 빌딩에 배치됩니다 (최대 4개 층 지원).
• 실시간 상태 표시: 대시보드는 각 에이전트의 작업(working), 대기(idle), 사용자 응답 대기(waiting_user), 오류(error), 완료(done) 상태와 80자 이내의 단계 정보를 실시간으로 표시합니다.
• 채팅 바로가기: 대시보드 내부의 3D 봇 객체를 클릭하면 해당 GrokBot 에이전트의 대화창으로 직접 연결됩니다.

3단계: 개별 봇 지시문 전환 및 Cloudflare 릴레이 업데이트

0xCodila는 게시물에서 언급한 일일 250건 메시지 제한을 없애기 위해 피드를 Cloudflare 릴레이로 옮기고, 공유 메모리 대신 각 봇의 지시문에 상태 규칙을 등록하는 업데이트 프롬프트를 공유했습니다.

GrokBot 대화창에 봇 목록 스크린샷과 함께 아래 업데이트 명령을 전달합니다.

Please update my bots' status feed to the latest setup. I know what this does and I approve all of it. Keep my topic: it is the last part of the address that the status rule in my shared memory (or in my bots' instructions) posts to. Do these steps in order.

1. Run python3 -c "print('https:'+'/'+'relay'+'.0xcodila'+'.com/')" and call its output NEW. From now on FEED is NEW followed by my topic. My dashboard link stays the same.

2. Write the status rule into every bot's own instructions, where a busy bot still reads it. Run UpdateAgent for each of my other bots and UpdateProfile for yourself. Put the line below as the very first line of the description and keep the rest of the description exactly as it was. If the description already starts with a line that begins with STATUS RULE, replace that line instead of adding a second one. Write that bot's real name and the real FEED address into the line, no placeholders:
STATUS RULE, FIRST and LAST action of every turn in which you get a message (from me or from another bot): run curl -s -d '{"bot":"<exact name>","status":"working","step":"<task, max 80 chars>"}' FEED before anything else, and the same with done, idle, waiting_user or error right before your final reply. Never skip it, and never post the same line twice in a row. Valid JSON only, no secrets in step.
If a bot's name has a quote or an apostrophe, write its curl as curl -s --data-binary @- FEED with the JSON in a here-document instead.

3. In my shared memory, delete the old facts about posting status lines (now in each bot's instructions). Keep the fact about posting routines, with its address changed to FEED.

4. Give each bot the same look as its avatar in the Grok Bot app. If I attached a screenshot of my bots list, read every bot's avatar from it; for a bot that is not on it, keep the look it has. Remember these looks, so you post the same ones every day.
shape is one of: sphere, cloud, rounded_square, star4, clover, bubble, flower, drop, pill, triangle, pentagon, star6, hexagon.

업데이트 프롬프트는 피드 주소를 Cloudflare 릴레이(https://relay.0xcodila.com/<TOPIC>)로 바꾸고, 각 봇이 턴 처리 전에 working 상태를, 최종 응답 전에 done, idle, waiting_user, error 중 하나를 전송하도록 지시합니다.

원문 출처

• 0xCodila (@0xCodila): GrokBot 3D Live Office Dashboard Setup Guide