前言¶
做落地页或电商页设计时，常见痛点是：整页只有一张总图，无法按区块拆分，改版时某个区块要整页重画。如果每个区块能独立出图，改一处只动一处，视觉风格还能保持一致。
下面介绍的 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 中的输入格式，再在自己的页面上试一次。
