前言¶
做落地頁或電商頁設計時，常見痛點是：整頁只有一張總圖，無法按區塊拆分，改版時某個區塊要整頁重畫。如果每個區塊能獨立出圖，改一處只動一處，視覺風格還能保持一致。
下面介紹的 Skill 就是爲這個場景準備的。它按網頁區塊數量一對一生成高清橫向圖片，每個區塊獨立出圖。
這是什麼¶
「網頁分區塊圖片批量生成｜簡詩 AI」是一個面向網頁視覺稿的圖片生成 Skill，座標 @user_fccf428b/imagegen-frontend-web，當前版本 1.0.1，來源爲 community（社區發佈），維護方爲 user_fccf428b，在 SkillHub 上分類歸入 design-media。
它解決的問題是：把一個網頁拆成多個區塊後，逐塊生成圖片，而不是整頁一張圖。
核心功能¶
已覈實的能力只有官方簡介中描述的一條：
- 按網頁區塊數量一對一生成高清橫向圖片；
- 支持落地頁、電商頁等多種場景；
- 每個區塊獨立出圖，確保視覺一致性。
「高清橫向」指輸出方向爲橫向（landscape），圖片質量定位爲高清。具體分辨率、格式、是否支持透明背景，官方簡介未說明，無法覈實，此處不寫。
官方頁面標註 requires_api_key=false，說明該 Skill 不需要單獨配置 API Key。至於它調用的是哪個模型或後端服務，資料中沒有給出，不做推測。
安裝與啓用¶
官方頁面本次抓取失敗（api.skillhub.cn 與 www.skillhub.cn 的對應地址均無法打開），安裝命令、目錄位置與配置字段未能覈實。
因此這裏不給出未經驗證的命令。如果你要在自己的環境中啓用它，建議先打開官方地址確認安裝方式：
https://api.skillhub.cn/user_fccf428b/imagegen-frontend-web
SkillHub 頁面地址爲：
https://www.skillhub.cn/skills/user_fccf428b/imagegen-frontend-web
該 Skill 基於通用 SKILL.md 格式，通常可通過 SkillHub 的安裝流程引入，但具體命令需以官方頁面爲準。Cursor、Codex CLI、Claude Code 三種環境下的差異，資料中未提及，此處不分別說明。
典型用法¶
官方資料只給出了能力描述，沒有提供可復現的調用示例、參數表或輸入格式說明。因此本節不寫示例，避免編造。
可以確認的輸入前提是：需要先把網頁拆成區塊，並明確區塊數量。輸出則是與區塊數量一一對應的高清橫向圖片。至於每個區塊需要提供哪些描述字段（例如區塊標題、文案、參考風格），官方簡介未說明，需在實際啓用後查看 Skill 自身的 SKILL.md 文檔。
適用場景與注意¶
適合的場景：
- 落地頁：首屏、賣點區、客戶評價、CTA 區各自出圖；
- 電商詳情頁：主圖、賣點圖、場景圖、參數圖分塊生成；
- 需要按區塊獨立改版的網頁視覺稿。
需要注意的地方：
- 官方簡介強調「視覺一致性」，但一致性靠什麼機制保證（同一套提示詞模板、同一套風格參數）沒有說明，批量出圖後仍需人工檢查風格是否統一。
- 輸出方向固定爲橫向，如果目標是豎版或方形區塊，這個 Skill 的描述與需求不匹配。
- 來源爲 community，評分與下載量見下方數據，是否適合生產環境需自行評估。
- 安裝數爲 0，說明目前還沒有可參考的公開使用記錄。
數據與地址¶
SkillHub 頁面標註：評分 100000，下載 1767，安裝 0。分類 design-media，版本 1.0.1。
說明：任務線索中提到的「評分 99432、下載 1752 次」與官方頁面抓取數據不一致，本文以官方頁面數據爲準。
官方地址：
https://api.skillhub.cn/user_fccf428b/imagegen-frontend-web
SkillHub 頁面：
https://www.skillhub.cn/skills/user_fccf428b/imagegen-frontend-web
結尾¶
這個 Skill 的價值在於把「整頁一張圖」拆成「按區塊逐塊出圖」，改版時可以只動單個區塊。適合落地頁和電商頁這類區塊劃分明確的場景。
需要提醒的是：本次官方頁面抓取失敗，安裝方式、參數字段、調用示例都未能覈實，上面只寫了簡介中明確出現過的能力。如果你打算用它，先把官方頁面打開，確認安裝命令和 SKILL.md 中的輸入格式，再在自己的頁面上試一次。
