界面设计助手

适用人群

适合：要做官网、活动页或后台界面方案的人、要整理页面风格、组件样式和视觉方向的产品或设计人员、要先产出一版界面草案再交给设计师或前端落地的人。

技能介绍

通过 web-chat HTTP API 创建子 session 并发送任务。适用于需要在独立进程中执行操作的场景（如重启服务、长时间后台任务、批量调度）。当前 channel 为 web/cli 时可直接使用 API；gateway channel（飞书/Telegram）也可借此将任务委托给 web-chat worker。

通过 web-chat HTTP API 创建子 session 并委托任务给独立的 worker 进程执行。

业务背景和落地案例

| 场景 | 说明 | |——|——| | 重启服务 | 需要 kill 当前宿主进程时，委托给独立 worker 执行 | | 长时间后台任务 | 不阻塞当前会话，让子 session 异步处理 | | 跨进程隔离 | 需要在独立进程中执行可能影响当前进程的操作 | | 批量调度 | 创建多个子 session 并行执行任务（调度 + worker 模式） |。

能做什么

• Web-chat 服务必须正在运行（webserver :8081 + worker :8082）。
• 可完全控制 sessionkey（符合命名规范）。
• 启动后可通过 webserver rename API 设置显示名称：。
• Web-chat worker 是独立进程，不受 gateway 重启影响。
• 子 session 中的 agent 拥有完整的工具能力（exec、readfile、writefile 等）。
• 子 session 的 agent 可以直接执行 kill、重启等操作，因为它运行在 worker 进程中，与 gateway 进程隔离。
• 路径 A 直接调 worker 时，session JSONL 文件由 worker 自动创建（首次执行时）。

安装方法

方式 1：对 OpenClaw 说（不用写代码）

适合：OpenClaw、Codex、Kimiclaw、Windsurf、Trae、华为 CodeArts。

直接对 OpenClaw 说：

帮我安装一个叫 界面设计助手 的 Skill。
如果安装时需要精确名字，就用 nanobot-skills-web-subsession。
装好以后，先用它帮我处理一遍当前任务。

如果需要手动安装，可以用这条命令：

clawhub install nanobot-skills-web-subsession

方式 2：导入 MD 安装

适合：腾讯Workbuddy、百度Duclaw、字节Arkclaw、智谱Autoclaw、科大讯飞Astronclaw。

1. 找到这条 Skill 自带的 Markdown 文件，通常就是它的 SKILL.md 或同名 .md 文件。
2. 把这个 Markdown 文件导入到你的产品里。
3. 导入完成后，直接对 AI 说：

用刚刚导入的界面设计助手，先帮我处理当前任务。

备注：这一种本质上是导入一个 Markdown 文件，给知道安装包里有 .md 文件的人即可。

方式 3：代码安装

适合：Claude Code、Cursor、通义灵码、文心快码。

最短可用命令：

curl -s --max-time 5 -X POST http://localhost:8082/execute-stream \

如果要继续执行，可以再用：

curl -s -X PATCH "http://localhost:8081/api/sessions/${SESSION_ID}" \
curl -s -X POST "http://127.0.0.1:8081/api/sessions/${SESSION_ID}/messages" \

使用步骤

1. 先选上面 3 种方式里，自己最容易完成的一种。
2. 安装完成后，直接对 OpenClaw 说：“用界面设计助手帮我处理当前任务。” 先让它自己跑一遍就可以。
3. 如果你已经有明确文件、网址、目录或数据，再把它补给 OpenClaw，让它只处理这一部分。
4. 先看第一轮结果，再决定要不要追加条件、缩小范围或继续执行下一步。
5. 如果这条 Skill 确实好用，就把它保留在常用列表，后面重复任务直接复用。

你需要准备什么

• 与你当前任务相关的文件、网址、目录或数据。
• 页面类型、业务目标或改版需求。
• 品牌风格、参考站点或截图。
• 需要重点处理的页面、组件或设计约束。
• 如果这条 Skill 依赖外部服务，还要准备对应账号权限或可用凭证。

你会看到什么结果

• 页面风格建议或设计方向。
• 组件和布局层面的可执行建议。
• 便于继续落地的界面方案。

风险提示

• 涉及 API Key、Token 或其他凭证时，先确认保存方式和权限边界。
• 如果会修改外部系统、本地文件或线上环境，建议先在测试环境跑最小流程。
• 依赖外部服务时，网络波动、配额限制或接口变化都会影响结果。

来源信息

• 公开页面地址: https://agentskillsrepo.com/skill/zhangxc11/nanobot-skills-web-subsession
• SKILL.md 下载地址: https://agentskillsrepo.com/skill/zhangxc11/nanobot-skills-web-subsession/download