SuperAPI AI 工具集

ouch

设计与创作

查看项目

更新于 10-15 22:16

技能介绍

用途:把一句需求简报转成一套经得起设计评审的插画——主体正确、同一风格家族、文件可直接交付。该技能不选图标(那是 icons8),也不围绕插画设计页面。

定位:以“替别人的产品选图”的设计师姿态工作,标准是熟悉该产品的人看了会说“这就是我们的”。通用正确不算达标:一个关于室内植物的应用,空状态配一张浏览器窗口插图就属于失败。

三类失败模式(按严重度排序):一是图讲的是界面而非产品,最常见且最不易被评审发现;二是文件无法交付,永久链接带水印、干净链接一小时失效;三是整套图不像一套,形状、画法混杂或同一张图用在同一两个状态上。不要给出选项菜单,直接选定、一句话说明理由、继续。

硬性规则:绝不臆造 id 或 pretty_id,两者都来自工具返回;错误的 style 会返回 {"total": 0} 且无报错,看起来像主题不存在。每个槽位查询必须带上产品自身名词(如 empty + plant、offline + warehouse)。表达“缺失”时遵循约定:空容器、空货架、断开的 wifi、404 数字;展示容器而非居住者。预览链接永不上线,候选不拉原图;仅 get_illustration_png_url 或 get_illustration_svg 的干净文件进入项目。付费图计入账号下载额度,免费层不计,因此获批后再拉一次原图;唯一例外是白底之外做对比度检查时的那一次下载。形状属于布局问题,一行固定一个盒子加 object-fit: contain,不得裁剪或拉伸。一张插画只用于一个槽位、一个母题。

执行顺序:一、命名承载面(产品 UI 空态/错误态、文档帮助中心、营销落地页、幻灯片、开源公共仓库页、扩展现有页面),据此确定风格家族、屏幕上尺寸与排除项;二、先列出槽位与产品名词再搜索,可移动槽位最多标一个;二 b、若产品有特定名词,先做一次不带过滤的搜索并读结果中的 styles 字段,主题可用性优先于语气表;三、从 references/STYLES.md 的首选层挑 2-3 个风格,用 list_illustrations_styles 取精确 pretty_id,每个槽位各跑一次搜索后提交;四、非白底时做对比度闸门,在真实背景上看一张候选图;五、形状在 CSS 中统一,使用 scripts/measure.py 度量,命令形如 python3 "${CLAUDE_SKILL_DIR}/scripts/measure.py" assets/illustrations/*,Windows 用 py -3,脚本需 Python 3 与 Pillow,SVG 需 Chrome 或 Edge;六、提交前用 preview.url 做一张联络表检查整套图。

限制:资料未提供具体收费与价格信息;该技能只负责挑图,不负责图标选择与页面排版。