OpenClaw 기술을위한 범용 웹 대시보드. 모든 기술에 대한 하나의 인터페이스 - 0 per-skill 사용자 정의 코드.

Webclaw는 설치된 기술 SKILL.md] 파일을 읽고 자동으로 양식, 데이터 테이블, 차트 및 대시보드를 렌더링합니다. 한 번 설치하고 모든 기술을 추가하면 브라우저 UI를 즉시 가져옵니다.

특징

• Schema 구동 렌더링 — SKILL.md 메타데이터를 읽어서 양식, 테이블 및 세부 레이아웃을 자동으로 생성합니다. -8 일반 UI 구성품 — DataTable, FormView, DetailView, ChatPanel, ChartPanel, KanbanBoard, CalendarView, TreeView
• JWT 인증 - 액세스 토큰 (15 분) + 토큰 새로 고침 (7 일, httpOnly Cookies)
• Role-based access control - 모든 기술 작업 전에 권한 확인
• **AI 채팅 패널 ** - 당신이 볼 수있는 기술을 이해하는 컨텍스트 인식 조수 -Mobile responsive - 작은 화면의 카드 기반 레이아웃
• ** Let’s Encrypt를 통해 HTTPS** — SSL 설정
• Audit logging - 모든 mutating 동작 로그

건축

WebClaw — Turn Any Skill Into a Website

The universal web dashboard for OpenClaw skills. One interface for every skill — zero per-skill custom code.

Webclaw reads your installed skills’ SKILL.md files and automatically renders forms, data tables, charts, and dashboards. Install it once, and every skill you add gets a browser UI instantly.

Features

• Schema-driven rendering — reads SKILL.md metadata to generate forms, tables, and detail views automatically
• 8 generic UI components — DataTable, FormView, DetailView, ChatPanel, ChartPanel, KanbanBoard, CalendarView, TreeView
• JWT authentication — access tokens (15 min) + refresh tokens (7 days, httpOnly cookies)
• Role-based access control — permission checks before every skill action
• AI chat panel — context-aware assistant that understands which skill you’re viewing
• Mobile responsive — card-based layouts on small screens
• HTTPS via Let’s Encrypt — one-command SSL setup
• Audit logging — all mutating actions logged

Architecture

Browser → Cloudflare → nginx (80/443)
                         ├── /api/*  → FastAPI (port 8001)
                         └── /*      → Next.js (port 3000)

Quick Start

Prerequisites

• Python 3.10+
• Node.js 20+
• npm
• nginx
• certbot
• git

Install via OpenClaw

The easiest way to install Webclaw is through OpenClaw:

clawhub install webclaw

This runs scripts/check_deps.sh (verifies prerequisites) then scripts/install.sh (builds everything and starts services).

Manual Install

# Clone the repo
git clone https://github.com/avansaber/webclaw.git
cd webclaw

# Backend
python3 -m venv .venv
.venv/bin/pip install -r api/requirements.txt

# Frontend
cd web
npm install
npm run build
cd ..

# Database
.venv/bin/python3 -c "
import sys, os
sys.path.insert(0, 'api')
os.environ['WEBCLAW_DB_PATH'] = os.path.expanduser('~/.openclaw/webclaw/webclaw.sqlite')
os.makedirs(os.path.dirname(os.environ['WEBCLAW_DB_PATH']), exist_ok=True)
from db import get_connection
conn = get_connection(os.environ['WEBCLAW_DB_PATH'])
conn.close()
print('Database initialized')
"

# Start services (development)
.venv/bin/uvicorn api.main:app --host 127.0.0.1 --port 8001 &
cd web && npm run dev &

Then open http://localhost:3000/setup to create your admin account.

Production Install

For production, use the install script which also configures nginx and systemd:

sudo bash scripts/install.sh

This will:

1. Create a Python venv and install dependencies
2. Build the Next.js frontend (npm run build)
3. Initialize the SQLite database (9 tables)