Statespace: 마크다운으로 OpenClaw 에이전트를 위한 인터랙티브 웹 앱 구축하기

Statespace는 OpenClaw 에이전트를 위해 특별히 설계된 대화형 웹 애플리케이션을 구축하고 공유하기 위한 무료 오픈소스 프레임워크입니다. 에이전트가 사용할 애플리케이션을 구축, 실행, 공유하는 과제를 해결합니다.
작동 방식
세 가지 핵심 요소를 포함하는 마크다운 웹 페이지를 작성하여 앱을 구축합니다:
- 도구: 에이전트가 호출할 수 있는 제한된 CLI 명령어입니다. 입력에 대한 정규식 제약 조건으로 정의되며, 셸 해석과 프롬프트 주입을 피하기 위해 서버 측에서 실행됩니다.
- 컴포넌트: 페이지 로드 시 렌더링되는 실시간 데이터입니다.
- 지침: 에이전트가 페이지와 상호작용하는 방법을 안내하는 컨텍스트입니다.
서빙되거나 배포되면, OpenClaw 에이전트는 API와 유사하게 HTTP를 통해 이러한 앱과 상호작용합니다.
구현 예시
소스는 다음 마크다운 구조 예시를 제공합니다:
---
tools:
- [grep, -r, { }, ./docs]
- [psql, -c, { regex: "^SELECT\\b.*" }]
---
```component
psql -c "SELECT count(*) FROM users"
```
# Instructions
- grep으로 문서 검색
- 사용자 메트릭을 위해 데이터베이스 쿼리 (읽기 전용)
- 더 많은 워크플로는 [reports](src/reports.md) 참조주요 기능
- 마크다운 기반: SDK, 의존성, 복잡한 설정이 필요하지 않습니다.
- 페이지 추가로 확장 가능: 각 새로운 주제나 작업은 새로운 마크다운 페이지가 될 수 있습니다.
- URL로 공유 가능: 모든 앱은 프롬프트나 지침에 붙여넣을 수 있는 URL을 가집니다.
- 에이전트 독립적: HTTP 접근 권한이 있는 모든 에이전트 구성과 작동합니다.
- 안전 기능: 도구 입력에 대한 정규식 제약 조건과 서버 측 도구 실행을 포함합니다.
배포를 위해, 프로세스를 더 쉽게 만드는 호스팅 버전도 사용 가능합니다.
📖 전체 소스 읽기: r/openclaw
👀 See Also

클로드 VS 코드 확장 프로그램 추론 노력 슬라이더가 일관되지 않은 값을 전송합니다
Claude VS Code 확장 프로그램의 추론 노력 슬라이더가 모델에 일관되지 않은 숫자 값을 전송하는 버그가 있습니다. 슬라이더 레이블이 안정적인 숫자 값에 대응되지 않으며, 매핑이 비단조적이어서 슬라이더를 '올리는' 것이 실제로는 더 낮은 숫자를 모델에 전송할 수 있습니다.

BrowserKing: Claude 및 기타 모델을 통한 브라우저 제어를 위한 오픈소스 Chrome 확장 프로그램
BrowserKing은 Claude와 15개 이상의 다른 모델이 사이드 패널에서 브라우저를 보고 제어할 수 있게 해주는 무료 오픈소스 Chrome 확장 프로그램입니다. 화면 스크린샷을 찍어 모델로 전송한 후, 버튼 클릭, 폼 작성, 스크롤, 탭 탐색 등의 결정을 실행합니다.

VSCode-Perplexity-MCP: VS Code에서 무료 AI 검색을 위해 Perplexity 계정 사용하기
Perplexity.ai 계정을 VS Code에 연결하여 Clawbot이 API 요청당 비용을 지불하지 않고도 검색, 추론 및 컴퓨팅 기능을 사용할 수 있게 해주는 오픈소스 MCP 서버입니다.

Chrome 확장 프로그램이 MCP를 통해 Google 메시지를 Claude 코드에 연결합니다
한 개발자가 MCP를 사용하여 stdio 및 WebSocket 전송을 통해 Google Messages Web을 Claude Code에 연결하는 Chrome 확장 프로그램을 구축했습니다. 이 확장 프로그램은 채팅 목록을 표시하고, 메시지를 읽고, 답장을 작성하지만 현재 Angular의 zone.js 격리로 인해 메시지를 보낼 수 없습니다.