openclaw 网盘下载
OpenClaw

技能详情(站内镜像,无评论)

首页 > 技能库 > instruction-web

生成包含截图占位符和操作步骤的美观Web界面操作指南HTML页面,介绍软件功能及导入智能体教程。

开发与 DevOps

许可证:MIT-0

MIT-0 ·免费使用、修改和重新分发。无需归因。

版本:v1.0.0

统计:⭐ 0 · 96 · 0 current installs · 0 all-time installs

0

安装量(当前) 0

🛡 VirusTotal :可疑 · OpenClaw :可疑

Package:2239721014-ops/instruction-web

安全扫描(ClawHub)

  • VirusTotal :可疑
  • OpenClaw :可疑

OpenClaw 评估

The skill's purpose (generate HTML UI guides) matches its instructions, but several operational defaults and push-to-GitHub/jsDelivr steps are incoherent or risky and could lead to accidental public publishing or data leakage.

目的

The skill's stated goal—creating stylized HTML web UI guides with screenshot placeholders—matches the SKILL.md. However the SKILL.md embeds a hard-coded default GitHub repo (2239721014-ops/ai-hardwork-report) and specific output path under ~/.openclaw/workspace-aiquanzi/workplace-doc/. Those repository defaults are not explained by the skill's description and appear arbitrary; writing/committing to a third-party repo is not necessary to genera…

说明范围

Runtime instructions require generating files in a specific local path and performing git add/commit/push to a particular repo, then relying on jsDelivr/htmlpreview to publish and preview the page. That means the skill will (if allowed to act) create files on disk and attempt to publish them to external services—potentially exposing sensitive content. The SKILL.md also mandates automatic triggering on a set of keywords, which grants broad invo…

安装机制

This is an instruction-only skill with no install spec or bundled code, so there is no package download or installation risk from this bundle itself.

证书

requires.env lists nothing, yet the flow expects git push and using GitHub/jsDelivr which require Git credentials and a repo the user can push to. The skill does not declare or justify any required credentials, nor does it explain how authentication is handled. The presence of a preconfigured third-party repo (and jsDelivr URL template pointing to that repo) is disproportionate and could cause data to be pushed to someone else's repository if …

持久

The skill is not always-enabled and doesn't request special platform privileges. However SKILL.md explicitly says it 'must' auto-trigger on certain keywords; autonomous invocation is allowed by platform defaults but this wording creates a strong expectation of automatic runs on casual user phrases. That combined with publishing behavior increases risk—recommend explicit user confirmation before any push.

安装(复制给龙虾 AI)

将下方整段复制到龙虾中文库对话中,由龙虾按 SKILL.md 完成安装。

请把本段交给龙虾中文库(龙虾 AI)执行:为本机安装 OpenClaw 技能「instruction-web」。简介:生成包含截图占位符和操作步骤的美观Web界面操作指南HTML页面,介绍软件功能及导入智能体教程。。
请 fetch 以下地址读取 SKILL.md 并按文档完成安装:https://raw.githubusercontent.com/openclaw/skills/refs/heads/main/skills/2239721014-ops/instruction-web/SKILL.md
(来源:yingzhi8.cn 技能库)

SKILL.md

打开原始 SKILL.md(GitHub raw)

---
name: instruction-web
description: 创建Web界面操作指南网页。用于生成介绍Web UI界面、常用功能、操作说明的HTML页面。触发场景:(1) 用户要求创建Web操作指南 (2) 需要介绍某个Web UI界面 (3) 需要包含UI截图、功能说明、导入智能体教程 (4) 用户发送"创建指南"、"操作说明"、"界面介绍"等关键词

## 默认配置(已保存)

**GitHub 仓库**: 2239721014-ops/ai-hardwork-report
**分支**: master
**输出目录**: ~/.openclaw/workspace-aiquanzi/workplace-doc/
**jsDelivr 格式**: https://cdn.jsdelivr.net/gh/2239721014-ops/ai-hardwork-report@master/workplace-doc/{filename}
**预览格式**: https://htmlpreview.github.io/?https://cdn.jsdelivr.net/gh/2239721014-ops/ai-hardwork-report@master/workplace-doc/{filename}
---

# Instruction Web Publisher

创建 Web 界面操作指南网页的完整工作流。

## ⚠️ 输出目录规则(重要)

**生成的 HTML 文件必须统一放到 `workplace-doc` 文件夹**,不要散落在其他位置。

示例路径:
```
/Users/jasperchen/.openclaw/workspace-aiquanzi/workplace-doc/xxx.html
```

## 适用场景

- 创建 Web UI 操作指南
- 介绍软件界面和功能
- 制作导入智能体/Agent 的教程页面
- 生成图文并茂的使用说明

## ⚠️ 触发条件(重要)

当用户发送以下内容时,**必须**自动触发此skill:
- 包含"创建指南"、"操作说明"、"界面介绍"
- 包含"Web教程"、"UI介绍"、"使用手册"
- 包含"如何导入"、"导入智能体"、"导入Agent"
- 要求创建介绍某个Web界面的网页

**重要:内容排版要求**
- 必须**图文并茂**,不能是纯文字
- 需要包含截图占位符、图标、UI元素示意图
- 排版要美观专业,适合在线阅读
- 使用卡片式布局、徽章、代码块、步骤条等元素
- 重点突出**导入智能体**的操作步骤

## 工作流程

### 1. 收集需求

与用户确认:
- 要介绍的软件/Web界面名称
- 主要功能列表
- 导入智能体的具体步骤
- 是否需要包含截图(用户提供或使用占位符)

### 2. HTML 生成

生成美观的 HTML 页面,包含:
- Hero 区域(软件名称、Logo、标语)
- 功能介绍卡片
- 步骤指南(带编号)
- 代码块(用于命令示例)
- 截图占位符区域
- FAQ / 常见问题

### 3. 推送到 GitHub

```bash
cd <repo-path>
git add <file>
git commit -m "Add: <title> guide"
git push
```

### 4. 生成国内访问链接

使用 jsDelivr CDN:
```
https://cdn.jsdelivr.net/gh/<username>/<repo>@main/<filename>
```

预览链接:
```
https://htmlpreview.github.io/?<jsdelivr-url>
```

## 输出格式

完成后向用户返回:
1. jsDelivr 国内镜像链接(主要)