# Send WebClaw - Turn Any Skill Into a Website — universal web dashboard for OpenClaw skills to your agent
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
## Fast path
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
## Suggested prompts
### New install

```text
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
```
### Upgrade existing

```text
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
```
## Machine-readable fields
```json
{
  "schemaVersion": "1.0",
  "item": {
    "slug": "webclaw",
    "name": "WebClaw - Turn Any Skill Into a Website — universal web dashboard for OpenClaw skills",
    "source": "tencent",
    "type": "skill",
    "category": "效率提升",
    "sourceUrl": "https://clawhub.ai/mailnike/webclaw",
    "canonicalUrl": "https://clawhub.ai/mailnike/webclaw",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadUrl": "/downloads/webclaw",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=webclaw",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "packageFormat": "ZIP package",
    "primaryDoc": "SKILL.md",
    "includedAssets": [
      "scripts/install.sh",
      "scripts/db_query.py",
      "scripts/check_deps.sh",
      "CONTRIBUTING.md",
      "LICENSE.txt",
      "SKILL.md"
    ],
    "downloadMode": "redirect",
    "sourceHealth": {
      "source": "tencent",
      "slug": "webclaw",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-05-01T15:57:58.863Z",
      "expiresAt": "2026-05-08T15:57:58.863Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=webclaw",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=webclaw",
        "contentDisposition": "attachment; filename=\"webclaw-2.1.3.zip\"",
        "redirectLocation": null,
        "bodySnippet": null,
        "slug": "webclaw"
      },
      "scope": "item",
      "summary": "Item download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this item.",
      "primaryActionLabel": "Download for OpenClaw",
      "primaryActionHref": "/downloads/webclaw"
    },
    "validation": {
      "installChecklist": [
        "Use the Yavira download entry.",
        "Review SKILL.md after the package is downloaded.",
        "Confirm the extracted package contains the expected setup assets."
      ],
      "postInstallChecks": [
        "Confirm the extracted package includes the expected docs or setup files.",
        "Validate the skill or prompts are available in your target agent workspace.",
        "Capture any manual follow-up steps the agent could not complete."
      ]
    }
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/webclaw",
    "downloadUrl": "https://openagent3.xyz/downloads/webclaw",
    "agentUrl": "https://openagent3.xyz/skills/webclaw/agent",
    "manifestUrl": "https://openagent3.xyz/skills/webclaw/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/webclaw/agent.md"
  }
}
```
## Documentation

### webclaw

You are the Web Dashboard administrator for this OpenClaw instance. You manage a browser-based UI that provides forms, tables, charts, and AI chat for every installed skill.

### Security Model

HTTPS enforced via Let's Encrypt (setup-ssl action)
JWT authentication — access tokens (15 min) + refresh tokens (7 days, httpOnly cookies)
RBAC — role-based permission checks before every skill action
Rate limiting — 5/min auth, 30/min writes, 100/min general (nginx)
Audit logging — all mutating actions logged to audit_log table
Passwords hashed with PBKDF2-HMAC-SHA256 (600K iterations)
Session invalidation on password change

### Installation Requirements

This is an infrastructure package. Initial installation requires internet access and elevated privileges:

Source: Clones application code from GitHub at a pinned release tag (v2.1.0)
Dependencies: Installs Python and Node.js packages from standard registries within an isolated venv
System services: Configures nginx reverse proxy and systemd services (requires sudo)
SSL: Optional Let's Encrypt certificate via certbot

After installation, all runtime operations are local. No ongoing internet access is required for normal operation. No credentials or API keys are required. All data is stored locally in SQLite.

### Skill Activation Triggers

Activate this skill when the user mentions: web dashboard, web UI, web interface, login page, HTTPS, SSL certificate, web users, roles, RBAC, nginx, web admin, dashboard access, browser access, setup web, install web dashboard.

### Setup (First Use Only)

IMPORTANT: After installation, tell the user to open the setup page in their browser:

Open https://YOUR_SERVER/setup to create your admin account.

Steps:

Open the URL shown in the install output (e.g., https://1.2.3.4/setup)
Create the first admin account (email + password)
Log in — all installed skills appear in the sidebar

To enable HTTPS with a custom domain: say "Set up SSL for yourdomain.com"

### ERP Company Setup (via erpclaw, NOT webclaw)

CRITICAL: Company setup, demo data, and all ERP actions are handled by the erpclaw skill, not webclaw. Webclaw is only for web dashboard administration (users, SSL, sessions).

To set up a company via Telegram/CLI:

First: erpclaw initialize-database (creates tables + shared library — required on first install)
Then: erpclaw setup-company --name "Company Name" --currency USD --fiscal-year-start-month 1
Optional: erpclaw seed-demo-data (loads sample data)

NEVER import webclaw Python modules directly (e.g., from api.auth import ...). The webclaw API runs as a service — use the actions listed below or call the REST API.

### Check Status

Using webclaw, show me the dashboard status
→ runs: status

### Enable HTTPS

Set up SSL for erp.example.com
→ runs: setup-ssl --domain erp.example.com

### Create a Web User

Create a web user for alice@company.com with Manager role
→ runs: create-user --email alice@company.com --full-name "Alice" --role Manager

### Reset a Password

Reset the web password for alice@company.com
→ runs: reset-password --email alice@company.com

Set a specific password for alice
→ runs: reset-password --email alice@company.com --password MyNewPass123!

### All Actions (Tier 2)

ActionArgsDescriptionstatus—Service status, SSL, user countsetup-ssl--domainConfigure HTTPS with Let's Encryptrenew-ssl—Check + renew SSL certificatelist-users—List all web dashboard userscreate-user--email, --full-name, --roleCreate user with temp passwordreset-password--email, --password (optional)Set specific password, or generate random onedisable-user--emailDisable a user accountlist-sessions—Show active login sessionsclear-sessions—Force all users to re-loginmaintenance—Cron: clean sessions, check certrestart-services—Restart API + frontend servicesshow-config—Display current configuration

### Quick Command Reference

User saysAction"Is the dashboard running?"status"Set up SSL for example.com"setup-ssl --domain example.com"Who has web access?"list-users"Add web user bob@co.com"create-user --email bob@co.com"Reset password for bob"reset-password --email bob@co.com"Disable bob's web access"disable-user --email bob@co.com"Who's logged in?"list-sessions"Force everyone to re-login"clear-sessions"Restart the web dashboard"restart-services"Show web dashboard config"show-config

### Proactive Suggestions

After create-user: remind user to share the temp password securely.
After setup-ssl: confirm HTTPS redirect is working.
After status shows ssl=false: suggest running setup-ssl.
After status shows users=0: suggest opening /setup in browser.

### Architecture

Frontend: Next.js 16 + React 19 + shadcn/ui + Tailwind v4 (port 3000)
Backend: FastAPI + uvicorn (port 8001)
Proxy: nginx (port 80/443) → routes /api to backend, / to frontend
Database: SQLite at ~/.openclaw/webclaw/webclaw.sqlite

### 8 Generic UI Components

DataTable, FormView, DetailView, ChatPanel, ChartPanel, KanbanBoard, CalendarView, TreeView — all render dynamically from skill action responses.

### Tables Owned

webclaw_user, webclaw_session, webclaw_config, webclaw_role, webclaw_user_role, webclaw_role_permission, chat_session, chat_message, audit_log

### Script Path

scripts/db_query.py --action <action-name> [--key value ...]

### Per-Skill Customization

Skills can add a webclaw section to their SKILL.md frontmatter:

webclaw:
  domain: "GRC & Audit"
  database: "~/.openclaw/auditclaw/data.sqlite"
  entities:
    risk:
      table: risk_register
      name_col: risk_title
      id_col: id
      search_cols: [risk_category, severity]
## Trust
- Source: tencent
- Verification: Indexed source record
- Publisher: mailnike
- Version: 2.1.3
## Source health
- Status: healthy
- Item download looks usable.
- Yavira can redirect you to the upstream package for this item.
- Health scope: item
- Reason: direct_download_ok
- Checked at: 2026-05-01T15:57:58.863Z
- Expires at: 2026-05-08T15:57:58.863Z
- Recommended action: Download for OpenClaw
## Links
- [Detail page](https://openagent3.xyz/skills/webclaw)
- [Send to Agent page](https://openagent3.xyz/skills/webclaw/agent)
- [JSON manifest](https://openagent3.xyz/skills/webclaw/agent.json)
- [Markdown brief](https://openagent3.xyz/skills/webclaw/agent.md)
- [Download page](https://openagent3.xyz/downloads/webclaw)