Agent Skills › nearai/ironclaw › web-ui-test

web-ui-test

GitHub

指导使用 Claude for Chrome 扩展对 IronClaw Web UI 进行手动测试，涵盖连接、聊天、技能安装移除及多标签页的冒烟测试流程。

docs/internal/archived-skills/web-ui-test/SKILL.md nearai/ironclaw

Trigger Scenarios

需要测试 Web UI 功能执行前端界面冒烟测试

Install

npx skills add nearai/ironclaw --skill web-ui-test -g -y

More Options

Non-standard path

npx skills add https://github.com/nearai/ironclaw/tree/main/docs/internal/archived-skills/web-ui-test -g -y

Use without installing

npx skills use nearai/ironclaw@web-ui-test

指定 Agent (Claude Code)

npx skills add nearai/ironclaw --skill web-ui-test -a claude-code -g -y

安装 repo 全部 skill

npx skills add nearai/ironclaw --all -g -y

预览 repo 内 skill

npx skills add nearai/ironclaw --list

SKILL.md

Frontmatter

{
    "name": "web-ui-test",
    "version": "0.1.0",
    "activation": {
        "keywords": [
            "test web ui",
            "test the ui",
            "browser test",
            "chrome test",
            "test skills tab",
            "test chat",
            "web gateway test"
        ],
        "patterns": [
            "test.*web.*ui",
            "test.*browser",
            "chrome.*extension.*test"
        ]
    },
    "description": "Test the IronClaw web UI using the Claude for Chrome browser extension."
}

Web UI Testing with Claude for Chrome

Use this skill when manually testing the IronClaw web gateway UI via the Claude for Chrome browser extension.

Prerequisites

IronClaw must be running with GATEWAY_ENABLED=true
Note the gateway URL (default: http://127.0.0.1:3000/) and auth token
The Claude for Chrome extension must be installed and connected

Starting the Server

CLI_ENABLED=false GATEWAY_AUTH_TOKEN=<your-token> cargo run

Wait for "Agent ironclaw ready and listening" in the logs before proceeding.

Test Checklist

1. Connection

Navigate to http://127.0.0.1:3000/?token=<token>
Verify "Connected" indicator in the top-right corner
Verify all tabs are visible: Chat, Memory, Jobs, Routines, Extensions, Skills

2. Chat Tab

Send a simple message (e.g., "Hello, what tools do you have?")
Verify the LLM responds without errors
If you see "Invalid schema for function" errors, the tool schema fix (PR #301) may not be merged yet

3. Skills Tab

Click the Skills tab
Verify "No skills installed" or a list of installed skills (no "Skills system not enabled" error)
Search for "markdown" in the ClawHub search box
Verify results appear with: name, version, description, relevance score, "updated X ago"
Verify skill names are clickable links to clawhub.ai
If search returns empty with a yellow warning banner, the registry may be unreachable

4. Skill Install (from search)

Search for a skill (e.g., "markdown")
Click "Install" on a result
Confirm the install dialog
Verify success toast appears
Verify the skill appears in "Installed Skills" section

5. Skill Install (by URL)

Scroll to "Install Skill by URL"
Enter a skill name and a ClawHub download URL:
- Name: markdown-viewer
- URL: https://wry-manatee-359.convex.site/api/v1/download?slug=markdown-viewer
Click Install
Verify success toast and skill appears in installed list

6. Skill Remove

Find an installed skill
Click "Remove"
Confirm removal
Verify the skill disappears from the installed list

7. Other Tabs (smoke test)

Memory: Should show the memory filesystem (may be empty)
Jobs: Should show job list (may be empty)
Routines: Should show routine list
Extensions: Should show extension list with install options

Cleanup

After testing, remove any test-installed skills:

rm -rf ~/.ironclaw/installed_skills/<skill-name>

Stop the server with Ctrl+C or by killing the process.

Known Issues

ClawHub registry at clawhub.ai is behind Vercel which blocks non-browser TLS fingerprints; the backend uses wry-manatee-359.convex.site directly
Skill downloads are ZIP archives containing SKILL.md, not raw text
The confirm() dialog for install may block browser automation; override with window.confirm = () => true in the console first