轻拟物B端科技插画生成

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

把一句画面描述变成一张轻拟物风格的 B 端科技背景或海报。 适合互联网大厂、科技公司的发布会主视觉、keynote 背景、官网 banner 与品牌宣传海报。 输入:一句自然语言描述,可选 1~4 张参考图 输出:2K 分辨率成品插画 支持 1:1 / 3:2 / 2:3 / 16:9 / 9:16 五种宽高比 单次调用 ¥1.20,垫图不加价;出图超时用同一凭证重试不会重复扣费

一句话选型结论

按资料字段整理

轻拟物B端科技插画生成是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_5ea289d3/style-image
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_5ea289d3仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791620973
正文体量8.7 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
轻拟物B端科技插画生成当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

8.7 KB
模型实际读到的说明书原文,来自技能仓库

互联网轻拟物 B 端科技主视觉商业插画

把一句画面描述变成一张轻拟物风格的成品插画,尤其擅长互联网 / B 端科技类的主视觉场景。

统一交付 2K 分辨率,按次计费、不分档位、无需选择,垫图不加价;
单次金额以调用时服务返回的账单为准(不在此处写死,调价无需更新本文件)。

开始前:一次性准备

本服务按次计费,走支付宝 402(A2M)付费协议。调用前需要你的 Agent 具备付款能力,这一步只需做一次。

安装支付宝官方 402 支付技能:

npx -y clawhub@latest install alipay-pay-for-402-service --workdir ~ --dir .workbuddy/skills

然后按该技能的引导,在支付宝 App 内完成一次买家钱包开通。

装好之后:这是全生态通用能力 —— 不只本服务,所有走 402 协议的付费服务都能用它付款。之后每次调用自动扣款、自动出图,全程无需任何人工操作。

> 环境要求:官方支付 CLI 支持 Windows / macOS / Linux。Windows 下安装包内含原生 alipay-bot.exe,无需 WSL。

使用方式

# 基本用法(默认 16:9 横版)
python3 "$SKILL_PATH/generate.py" "科技公司年度发布会主视觉背景,深蓝科技感"

# 指定宽高比
python3 "$SKILL_PATH/generate.py" "互联网大会 keynote 背景,光带与星云,宽幅构图" --aspect 16:9

# 方图(社交平台头像、方形贴图场景)
python3 "$SKILL_PATH/generate.py" "极简几何科技图形" --aspect 1:1

# 指定保存目录
python3 "$SKILL_PATH/generate.py" "智能家居品牌官网首页通栏 banner 背景" -o ~/Pictures

# 垫图:带一张参考图,按参考图的内容与构图重绘
python3 "$SKILL_PATH/generate.py" "按这张海报的构图重绘,改为深蓝科技风" --image ./ref.png

# 垫多张(最多 4 张),重复传 --image 即可
python3 "$SKILL_PATH/generate.py" "融合这几张的构图与配色" --image ./a.png --image ./b.png

参数

参数 说明 默认值
prompt 画面描述,一句自然语言(必填) -
--aspect 宽高比:1:1 / 3:2 / 2:3 / 16:9 / 9:16 16:9
--image 垫图:参考图片路径,可重复传入(最多 4 张) 无
-o, --output-dir 图片保存目录 ./

用户没说比例时,一律不加 --aspect,走默认的 16:9。 不要自行替用户挑选比例,
也不要为此打断用户追问 —— 横版是主视觉、背景、banner 场景的通用形态,作为默认最稳妥。

统一交付 2K 分辨率,不分档位,无需选择。垫图不加价。


⚠️ 给 Agent 的三条硬性要求

1. 提示词原样透传,禁止改写

用户给的画面描述就是最终要送进模型的内容。不要润色、不要补全、不要加形容词、不要扩写。

用户输入 ✅ 正确传参 ❌ 禁止这样
夸张比例的女人在跑步 夸张比例的女人在跑步 夸张比例的女人在跑步,动感十足的奔跑姿态
科技发布会背景 科技发布会背景 科技发布会背景,充满未来感与科技感的视觉效果

自行加词会改变画面结果,等于替用户做决定。把用户原话放进命令的第一个参数即可,一个字都不要动。

2. 输出克制,不许刷屏

调用后只做这一件事:执行这条命令,然后把它返回的结果告诉用户。

严格禁止以下无效动作 —— 它们只会让用户误以为在执行一个庞大的工程:

  • ❌ 反复打印"正在尝试 / 执行中 / 让我看看"之类的进度流水
  • ❌ 去翻阅 alipay-bot 或任何 CLI 的子命令列表
  • ❌ 全盘搜索本地缓存、凭证、日志文件
  • ❌ 自行拼接轮询命令、反复试错排查

命令返回什么,你就说什么。不要让用户看到一屏接一屏的技术细节。

3. 超时或失败:只有一条路,不许发挥

原样重跑上一次的那条命令(含同一个 --payment-proof)。

  • ✅ 正确:原样重跑同一条命令
  • ❌ 重新调用不带凭证的命令 → 会被判为新订单,产生第二笔费用
  • ❌ 让用户重新付款 → 钱已经付了,不会丢
  • ❌ 去排查服务端或 CLI 的内部原因 → 你查不到,只会拖时间

服务端保证同一笔订单只出一次图、只收一次费,重试是安全的。


付费

按次计费,走 402 协议:

  1. 首次调用 → 输出 PAYMENT_REQUIRED,附带账单信息(其中 payment_needed 是买方付款凭据,含商家签名)
  2. 把账单交给支付宝支付能力完成付款,拿到 payment_proof 与 trade_no
  3. 用同一条命令加 --payment-proof <凭证> 重试,即可取回图片:
python3 "$SKILL_PATH/generate.py" "云计算产品发布主海报背景,蓝紫渐变光效" \
  --payment-proof "eyJwcm90b2NvbCI6..."

凭证是这段 JSON 整体 base64 后的结果:

{"protocol":{"payment_proof":"...","trade_no":"..."},"method":{"client_session":"..."}}

服务端链路:验付与履约确认

付费调用在服务端的完整处理顺序:

步骤 服务端行为
1. 未携凭证 返回 HTTP 402 + Payment-Needed 响应头(账单含商家 RSA2 签名),并以 PAYMENT_REQUIRED 输出账单;此时不生成任何资源
2. 携 Payment-Proof 调用支付宝 alipay.aipay.agent.payment.verify 完成验付:校验凭证签名、订单号、金额、资源标识与订单状态;任一不符即返回 402,不交付资源
3. 验付通过 生成图片资源
4. 资源就绪后 调用支付宝 alipay.aipay.agent.fulfillment.confirm 完成履约确认;失败可重试
5. 同一订单重试 直接交回已生成的那张图,不重复出图、不重复扣费

第 2 步的验付与第 4 步的履约确认由服务端完成,客户端只需原样透传凭证。

出图超时或失败?重试即可,不会重复扣费

单次出图通常需要 25~50 秒,方图(1:1)更慢,偶尔会超过 30 秒。

同一笔订单只会出一次图、只收一次费。 以下三种情况处理方式完全一样:

情况 处理
调用超时 / 中途断掉 用同一个 --payment-proof 重跑同一条命令
服务端返回错误(如 502) 同上,凭证仍然有效
客户端提示生成失败 同上,费用不会丢失

重试时服务端直接交回已生成的图(秒回),或重新出一张,都不会再收一次钱。

> ⚠️ 绝对不要让用户重新付款。 只要订单付过款,凭证就一直有效,
> 重新调用 /generate 而不带凭证会被判为新订单、产生第二笔费用 —— 这是错误做法。

所以超时或失败了不用慌 —— 保留原命令和凭证,原样重试就行。

想更快拿到图,优先用横版比例(16:9 / 3:2)。相同档位下横向构图出图明显更快,
方图最容易超时。

限制

  • 每次调用按次计费,金额以调用时服务返回的账单为准;最多垫 4 张参考图,垫图不加价
  • 支持五种宽高比:1:1 / 3:2 / 2:3 / 16:9 / 9:16,默认 16:9
  • 16:9 / 3:2 等横版比例出图更快,1:1 方图最慢
  • 需要有支付宝买家钱包;完成首次授权后,后续付款由 Agent 自动完成,无需人工扫码

首次配置

服务地址已内置,开箱即用,一般无需配置。如需指向其他部署,可覆盖:

export STYLE_IMAGE_ENDPOINT="https://style-illust-api-95417.app.workbuddy.host"

维护须知

本文件是分发给用户的客户端,严禁在此写入任何风格配方、提示词片段或示例 prompt。

风格配方只存在于服务端。一旦把配方写进这里,等于把核心资产免费送出。
需要调试提示词时请到服务端用 DEBUG 模式,不要在本文件里留痕。

常见问题

5 问
答案由本站依据条目字段整理
轻拟物B端科技插画生成怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_5ea289d3/style-image。安装方式为未标注。装完刷新技能列表或重开客户端。

轻拟物B端科技插画生成支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

轻拟物B端科技插画生成权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

轻拟物B端科技插画生成收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

轻拟物B端科技插画生成用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。