Aitishiku.com📌 Skill 基础信息
- Skill 名称: html-anything
- 简称: html-anything
- 来源: 社区第三方 (clockless-org)
- 运行宿主: 仅能在 OpenClaw Agent 工具中运行
- 核心定位: 将任意文件、文件夹、URL 或导出数据转换为精美的单文件 HTML 页面，适用于内容可视化、教学展示、数据分析报告等场景。
🧩 内部核心组成
该 Skill 主要通过智能路由和样式系统实现内容转换，不包含传统的子Agent、斜杠命令或 MCP 工具。核心组成包括：
- 样式系统: 内置 17 种设计系统（如 teaching、dashboard、atlas 等），根据输入内容自动选择合适样式
- 用例分类器: 自动将请求分类为四大用例（教学工作室、文件与工作数据、对话分析、个人数据与地点）
- 参考模板: 提供
prompts/styles/references/目录下的 HTML 参考模板 - 资源管理: 自动处理资源文件，生成
assets/文件夹或内联资源
主要处理能力表：
| 处理类型 | 功能简述 |
|---|---|
| 文件输入 | 解析本地文件（CSV、PDF、DOCX等）并转换为HTML |
| 文件夹输入 | 创建文件夹内容浏览页面/审计报告 |
| URL输入 | 抓取网页内容并重新设计为HTML页面 |
| 导出请求 | 指导用户从平台导出数据并转换 |
🛠 安装与启用方式
关键步骤：
- 在 OpenClaw Agent 环境中执行安装命令：
```bash
skills install --user clockless-org/html-anything
```
- 无需额外前置依赖或 API 密钥
- 安装后即可在 OpenClaw 中自动启用
📋 标准工作流
- 用户输入: 用户提供文件、文件夹、URL 或内容描述（如"创建教学网站"）
- 智能路由: Skill 自动分析输入内容，归类到四大用例之一
- 样式选择: 根据内容类型和用户意图自动选择最合适的样式系统
- 内容转换: 读取参考模板，生成符合设计系统的 HTML 结构
- 资源处理: 创建必要的资源文件（图片、样式等）并组织到 assets/ 文件夹
- 输出生成: 生成单文件 HTML 页面（通常为 output.html）
- 结果交付: 返回生成的 HTML 文件路径，包含浏览器验证信息
⚠️ 关键限制、缺陷、注意事项
- 平台限制: 仅支持 OpenClaw Agent，无法在其他 Agent 工具中使用
- Token 消耗: 处理大文件或复杂转换时可能消耗较多 token
- 生产环境: 目前为社区版本，建议在开发测试环境使用
- 已知限制:
- 不支持实时协作编辑功能
- 复杂数据可视化能力有限
- 对某些特殊文件格式支持不完善
- 不适合项目:
- 需要高频实时更新的动态内容
- 企业级高并发访问场景
- 需要深度自定义交互逻辑的项目
✅ 适用场景 & ❌ 不适合场景
✅ 适用场景：
- 个人学习材料可视化展示
- 数据报告和仪表板生成
- 教学内容和教程制作
- 个人数据回顾和整理（聊天记录、订单历史等）
- 内容分享和发布准备
❌ 不适合场景：
- 需要复杂后端逻辑的 Web 应用
- 实时数据监控和展示
- 需要用户身份验证的敏感数据
- 高性能要求的商业级应用
- 需要深度自定义样式的品牌项目
如何安装
skills install --user clockless-org/html-anything通用安装教程：在哪里输入上面的命令
上面的命令本质是在「终端 / 命令行」中调用技能管理器，把该 Skill 下载并注册到你的 AI 工具。各主流工具打开终端的位置不同，按下面操作即可：
- 打开工具自带的终端面板，或系统终端（macOS「终端」、Windows「PowerShell」、Linux「Terminal」）。
- 把上面的安装命令复制进去，回车运行，等待下载与注册完成。
- 重启或重新加载 AI 工具，让新安装的 Skill 被识别。
- 新建对话并触发：直接描述用途，或通过该工具的技能 / 斜杠菜单选中此 Skill。
Claude 桌面版（macOS / Windows）
桌面版没有内置命令行，Skill 需通过 Claude Code CLI 安装。打开系统终端，先执行 npm install -g @anthropic-ai/claude-code，再运行上面的安装命令；完成后完全退出并重新打开 Claude。
Claude Code（终端 CLI）
直接在项目目录的终端里运行上面的命令即可。也可先输入 claude 启动交互界面，再在对话中引用该 Skill（/ 斜杠菜单或直接描述用途）。
VS Code（含 GitHub Copilot）
打开终端面板：菜单「终端 → 新建终端」，或快捷键 Ctrl+`（macOS 为 ⌃+`）。在终端里运行上面的命令；装完后执行「重新加载窗口」（Ctrl+Shift+P → Reload Window），让 Copilot 等扩展识别新技能。
Cursor
底部「终端」面板（Ctrl+`）即是内置终端。粘贴运行上面的命令，完成后在命令面板执行「Reload Window」刷新，再开始对话。
Windsurf
底部「终端」面板运行命令；也可直接使用其内置 Agent 终端，在对话侧执行安装。
其他工具（ChatGPT、本地脚本等）
不支持本地终端的产品，可先在本机终端完成安装，再在对话中描述该 Skill 的能力让其调用；不同工具的命令格式请以其官方文档为准。
风险提示
自动扫描未发现高危命令、隐私抓取或数据外传行为。仍建议安装前快速浏览仓库代码。