用 Skill 执行模板
Web UI 模板由 web-ui-workflows 应用和审核;文本模型图片模板由 html-imagegen 生成 HTML 再截图,多模态图片模板由 multimodal-imagegen 装配完整绘图 Prompt 交给图片模型。每个模板页的 Prompt 开头都写明它依赖哪一个。
html-imagegen:文本模型模板(HTML 封面)
公开仓 https://github.com/lindong28/lindong-skills:git clone https://github.com/lindong28/lindong-skills,把其中的 html-imagegen/ 目录放到宿主的 skills 目录——Claude Code 为 ~/.claude/skills/,Codex 为 ~/.agents/skills/(复制或符号链接均可)。模板页的 Prompt 开头已写明这个地址与安装位置,直接把 Prompt 粘贴给 agent 即可,它会自行完成安装。
也可下载 skill 安装包,解压得到同一个 html-imagegen 文件夹后放到上述目录。
例如:
$html-imagegen 帮我用这篇文章生成封面:[文章链接或本地文档路径]
缺少平台或模板时,agent 会主动询问并提供选项;尺寸和输出目录可省略。也可直接给本地 HTML、随包模板名称或本站文本模型模板链接。生成 HTML 后导出 PNG,无需克隆整套图片资源。需要 Python 3.11+、uv 和 Chromium,首次运行由 agent 按 skill 中的命令安装。
multimodal-imagegen:多模态模型模板(图片模型直接出图)
公开仓 https://github.com/lindong28/lindong-skills:git clone https://github.com/lindong28/lindong-skills,把其中的 multimodal-imagegen/ 目录放到宿主的 skills 目录——Claude Code 为 ~/.claude/skills/,Codex 为 ~/.agents/skills/(复制或符号链接均可)。模板页的 Prompt 开头已写明这个地址与安装位置,直接把 Prompt 粘贴给 agent 即可,它会自行完成安装。
也可下载 skill 安装包,解压得到同一个 multimodal-imagegen 文件夹后放到上述目录。
例如:
$multimodal-imagegen 用这个模板给我画一张:[模板页链接] 内容:[要画什么、精确文字]
缺少内容、用途、尺寸或参考图时,agent 会主动询问并提供选项。skill 把模板的视觉要求与你的输入装配成四块完整绘图 Prompt,交给宿主可用的图片生成工具(Codex 内置 image_gen、已配置的图片工具,或随包脚本按 OPENAI_API_KEY 调用 Images API);模板页上各层样例的完整 Prompt 也可直接交给图片模型。
web-ui-workflows:Web UI 模板的创建、应用与审核
公开仓 https://github.com/lindong28/lindong-skills:git clone https://github.com/lindong28/lindong-skills,把其中的 web-ui-workflows/ 目录放到宿主的 skills 目录——Claude Code 为 ~/.claude/skills/,Codex 为 ~/.agents/skills/(复制或符号链接均可)。模板页的 Prompt 开头已写明这个地址与安装位置,直接把 Prompt 粘贴给 agent 即可,它会自行完成安装。
也可下载 skill 安装包,解压得到同一个 web-ui-workflows 文件夹后放到上述目录。
例如:
$web-ui-workflows apply-ui-template 模板:[Web UI 模板页链接] 目标:[项目路径和页面]
可按任务挑选场景、单独使用子页面或模块、组合视觉风格,也可创建模板、审核组件覆盖和维护反馈。模板页的应用与审核 Prompt 都带公开 skill 获取说明;取得后直接读取 SKILL.md 执行,无需事先配置 user-scope skill。浏览器核验依赖 Python 3.10+ 和 agent-browser,依赖按包内说明准备。
模板 API
模板目录与筛选词表提供每个模板的详情接口。接口包括完整 Prompt、默认版本、模型依赖、平台及参考图地址。