zhsongchao
作者:zhsongchao更新日 2026-05-11easy-html-poster@clawhub_zhsongchao/easy-html-poster
ポスターデザインビジュアル素材#小红书

AlphaMoatによると、2026-09時点でDavosのダウンロード数は1,673、スター数は0で、AIスキル全体5,078件中4,662位、デザイン・メディアでは512件中466位です。

インストール数
331
ダウンロード数
1673
スター数
-
総合順位
#4,662
全体の上位 92% · デザイン・メディアの上位 92%
プラットフォームインストール数ダウンロード数スター数コメント
ClawHub ↗25972--
SkillHub ↗3311673-—

プラットフォームごとに集計方法と集計時点が異なります。

このスキルでできること

縦長 HTML を作り、ブラウザーで確認して画像化し、農業や相談向けの例を示します。元のデスクトップ公開手順は他のファイルを露出し得ます。専用一時フォルダーだけをループバックで公開し、対象サーバーのプロセスを正確に停止して後片付けを確認します。

資料公開日 2026-10-27

できること

  • 画面取得用ポスターを準備する

使う場面

  • 投稿画像を HTML で組みたいとき

プロンプト例

スキルのドキュメントをもとに生成した例であり、実際の実行結果ではありません。

専用フォルダーに作り、ローカル限定のプレビューと対象プロセスの終了を計画して。

月次の推移

ダウンロード数1673
481112117612026-03 · ダウンロード数 5692026-05 · ダウンロード数 8422026-06 · ダウンロード数 9772026-07 · ダウンロード数 12312026-08 · ダウンロード数 13772026-09 · ダウンロード数 167326-0326-09
スター数-
0112026-03 · スター数 -2026-05 · スター数 -2026-06 · スター数 -2026-07 · スター数 -2026-08 · スター数 -2026-09 · スター数 -26-0326-09

2026-09 から集計方法を変更し、同名スキルを作者ごとに分けて集計し、全スキルを対象にしました。破線は変更前の月で、変更後のデータとは直接比較せず、変更をまたぐ増減も計算していません。

月ダウンロード数前月比スター数
2026-091673—-
2026-081377+11.9%-
2026-071231+26.0%-
2026-06977+16.0%-
2026-05842—-
2026-03569—-

SKILL.md 原文

作者が公開した元のファイルをテキストのまま表示しています。AlphaMoat による編集や審査はしていません。リンクはクリックできません。コマンドは内容を確認してから実行してください。取得日 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
- 截图后及时关闭服务器释放资源

デザイン・メディアの人気スキル

データ月:2026-09 · ダウンロード数、スター数、インストール数は公開スキルレジストリ(ClawHub、SkillHub)から月単位で集計しています。詳しくはデータの方法論をご覧ください。