據 AlphaMoat 統計,截至 2026-09,Davos 累計下載 1,673 次、獲 0 個星標,在全部 5,078 個 AI 技能中排名第 4,662 位,在「設計創意」分類(512 個)中排名第 466 位。

累計安裝

331

累計下載

1673

星標

全站排名

#4,662

全站前 92% · 「設計創意」前 92%

平台	累計安裝	累計下載	星標	評論
ClawHub ↗	25	972	-	-
SkillHub ↗	331	1673	-	—

各平台的計數口徑不同,統計時間不一致。

這個技能是做什麼的

建立帶樣式的豎版 HTML，在瀏覽器預覽後截圖，包含農業和諮詢示例。原桌面伺服器流程可能暴露其他檔案。應只服務專用臨時目錄、繫結本機迴環，完成後關閉精確伺服器程序並檢查清理。

資料釋出於 2026-10-27

可以用來做什麼

準備可截圖的海報

什麼時候用

社交海報適合 HTML 排版時

示例提示詞

以下是根據技能文件生成的示例,不代表實際執行結果。

在專用目錄起草海報，規劃僅迴環預覽及精確程序清理。

月度資料趨勢

累計下載1673

星標-

2026-09 起統計方法調整:同名技能按作者分別統計,並覆蓋全部技能。圖中虛線為調整前的月份,與之後的資料不直接比較,也不計算跨越調整的增長。

月份	累計下載	環比	星標
2026-09	1673	—	-
2026-08	1377	+11.9%	-
2026-07	1231	+26.0%	-
2026-06	977	+16.0%	-
2026-05	842	—	-
2026-03	569	—	-

SKILL.md 原文

以下是作者釋出的原始檔案,按純文字顯示,本站未做修改或稽核;其中的連結不可點選,命令請核實後再執行。抓取於 2026-10-23。

2.6 KB · ClawHub v1.0.0

# Skill: HTML海报制作

用HTML+浏览器截图的方式快速制作小红书/朋友圈海报。

## 使用场景
- 用户要求制作海报
- 需要快速生成可视化内容

## 核心步骤

展開全部(共 78 行)

### 1. 创建HTML文件
在 `~/Desktop/` 目录下创建HTML文件，包含完整样式的小红书海报模板。

关键要点：
- 宽度800px，高度1200px（竖版）
- 使用 `font-family: 'Noto Sans SC'` 支持中文
- 背景简约清新（白色或浅色）
- 配色：绿色(#27AE60)代表农业/养殖，红色(#E74C3C)代表法律/警示

### 2. 启动本地服务器
```bash
cd ~/Desktop
python3 -m http.server 9999
```

### 3. 浏览器打开并截图
- 使用OpenClaw browser工具打开 `http://localhost:9999/文件名.html`
- 截图保存到桌面

### 4. 清理
- 关闭本地服务器
- 删除临时HTML文件（可选保留）

## 模板示例

### 农业/养殖海报模板
```html
<style>
  .poster { width: 800px; height: 1200px; background: white; }
  .header { background: linear-gradient(135deg, #27AE60 0%, #1E8449 100%); padding: 30px; text-align: center; }
  .header-title { font-size: 36px; font-weight: 900; color: white; }
  .section { background: #F8F8F8; border-radius: 12px; padding: 15px; margin-bottom: 12px; }
  .section-title { font-size: 18px; font-weight: 700; color: #27AE60; }
  .highlight-box { background: #E8F8F0; border-radius: 12px; padding: 15px; border-left: 5px solid #27AE60; }
  .warning-box { background: #FDEBD0; border-radius: 12px; padding: 15px; border-left: 5px solid #E67E22; }
  .footer { background: linear-gradient(135deg, #27AE60 0%, #1E8449 100%); padding: 20px; text-align: center; }
  .tag { background: #E8F8F0; color: #27AE60; padding: 5px 10px; border-radius: 15px; font-size: 12px; }
</style>
```

### 法律/咨询海报模板
```html
<style>
  .poster { width: 800px; height: 1200px; display: flex; }
  .left { width: 220px; background: #FFF5F5; }
  .right { flex: 1; background: white; }
  .header { background: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%); border-radius: 10px; padding: 16px; }
  .case-box { background: #F8F8F8; border-radius: 8px; padding: 12px; }
  .result-box { background: linear-gradient(135deg, #FFE5E5 0%, #FFF5F5 100%); border-radius: 8px; padding: 10px; }
  .cta-box { background: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%); border-radius: 8px; padding: 10px; }
</style>
```

## 快速命令

```bash
# 启动服务器
cd ~/Desktop && python3 -m http.server 9999

# 关闭服务器
pkill -f "python3 -m http.server 9999"
```

## 注意事项
- 端口9999避免与8888冲突（Canva等可能占用）
- HTML中的图片用本地路径或网络URL
- 截图后及时关闭服务器释放资源