SuperAPI AI 工具集

seenry-assets

设计与创作

查看项目

更新于 10-23 16:16

技能介绍

用途

Seenry Assets 用于解决设计或页面构建中“视觉素材从哪来、怎么选、怎么用、怎么合规”的问题。它面向需要照片、主视觉图、专辑或产品图、PNG 与 3D 风格图标、UI 图标、插画的场景,强调每个素材都应真实、许可清晰、经过美术指导,并记录来源。资料指出,封面图上用占位渐变、图标位置用 emoji,会让周围一切显得虚假。

主要能力

先决定素材规格

在搜索前,为每个素材写一行说明:它的职责、主体、裁剪与宽高比、氛围(光线、色温、质感)以及它在布局中的位置。例如“专辑封面,1:1,暖秋色调的人物,面部位于上三分之一,用于 136px 和 48px 显示”优于“一张好看的图片”。

按优先级选择获取路径

按以下顺序取第一条能达到质量的路径:

  1. 用户提供或品牌素材:用户的标志、产品图、照片和字体永远优先,可先询问是否存在。
  2. 代码构建:产品 UI、图表、示意图和简单几何标记用 HTML/CSS/SVG 比图片更清晰、更诚实。
  3. 许可清晰的来源:通过 assets 工具从下文来源获取照片、图标和字体。
  4. 生成:当宿主环境有图像生成工具时(MCP 图像工具、内置图像模型、通过 seenry/scripts/image.mjs 调用的 Codex CLI,或为 assets 工具提供 OPENAI_API_KEY / GEMINI_API_KEY),生成经过美术指导的图像,如主视觉、3D 风格图标、纹理、封面、插画,并遵循生成规范。
  5. 以字体为主导:若以上都达不到质量,移除图片,让排版、布局和一个细节承载设计。弱图片比没有图片更糟。

素材来源

资料列出的来源与许可检查要求如下:

  • 照片:Openverse(聚合 Flickr、Wikimedia、StockSnap 等),默认 CC0 或 Public Domain Mark,使用 assets.py images。
  • 照片(API key 或手动):Unsplash、Pexels,需遵守 Unsplash License、Pexels License(可免费商用,不得原样转售),通过宿主浏览器或其 API 获取。
  • UI 图标:Lucide(ISC)、Phosphor(MIT)、Tabler(MIT)、Heroicons(MIT)、Iconoir(MIT)、Radix(MIT),通过 Iconify 获取;工具会拒绝未列出的图标集。
  • 品牌标志:所有者新闻资料包;Simple Icons(文件 CC0,标志本身仍为商标),需遵守商标规则:不得修改,仅用于指代该品牌,使用 assets.py icon simple-icons:<name>。
  • 3D 与插画图标:3dicons(CC0),或生成一套匹配的图标;需遵守 CC0 或提供方条款。
  • 纹理、HDRI、材质:Poly Haven(CC0)。
  • 字体:Google Fonts(OFL)、Fontshare(ITF FFL)、Open Runde(OFL)、Inter(OFL)、Geist(OFL);OFL 允许自托管和商用,需下载并自托管 WOFF2。

常用命令示例:

python3 scripts/assets.py images "portrait autumn" --count 6 --orientation square --out assets/raw python3 scripts/assets.py icons "calendar" --set lucide --count 4 --out assets/icons python3 scripts/assets.py icon lucide:play ph:pause-fill --out assets/icons python3 scripts/assets.py generate "<art-directed prompt>" --size 1536x1024 --out assets/gen python3 scripts/assets.py sheet --out assets/raw # contact.html for side-by-side review

Openverse 搜索是字面匹配:使用一两个具体名词(如 "vinyl"、"portrait"、"harbor fog"),然后判断结果。

像美术指导一样筛选

下载 6–12 个候选,打开联系表,在最终宽高比和尺寸下逐一裁剪后再选择。全出血可用的图片在 48px 下可能失败。选择时要保证整页视觉一致:相同的光线方向、色温、颗粒、相机距离和处理方式。应拒绝:水印、可见标志或无权使用的作品(即使照片本身是公有领域,若拍摄的是受版权保护的专辑封面,也不代表封面可用)、暗示代言的 recognisable 人物、AI 伪影(手、文字、融化边缘)、低于显示尺寸的低分辨率,以及陈词滥调(握手、指着笔记本电脑的人、发光大脑、等距块状图形)。可从选定图片中采样强调色,使调色板与素材相配。

集成

按最大显示尺寸的 1x 和 2x 导出;照片用 WebP 或 AVIF,透明用 PNG,图标和标志用 SVG。设置 width/height 或 aspect-ratio;使用 object-fit: cover 并有意设置 object-position。图标:一套图标、一种描边粗细,尺寸 16/20/24,用 currentColor 着色;填充变体仅用于激活或主状态。透明 PNG 图标和抠图放在为其设计的表面色上,两种主题都要检查。字体:自托管 WOFF2,只包含使用的字重,font-display: swap,预加载首屏文件。

记录出处

assets 工具会在文件旁写入 manifest.json(来源页面、创作者、许可、URL、日期、生成图像的提示词)。把这些条目带入项目的 DESIGN.md 素材表,并在交付产品中保留所需的署名,可放在 credits 页面或小页脚链接。切勿在替代所有者自己作品或产品的图像(作品集、案例研究、产品图、团队照片)的说明或叠加层中放置创作者署名,因为这会告诉访客作品属于别人。发布前再打开来源页面确认许可仍然有效。

使用方式

通过 assets.py 脚本执行搜索、获取和生成,并以联系表(contact.html)并排审阅候选素材;在宿主环境中按优先级选择素材来源或生成路径,最后按集成规范导出并记录出处。

适用场景

适用于需要为设计或页面准备真实视觉素材的场景,包括品牌素材整合、照片与主视觉图选择、图标与插画配置、字体自托管,以及需要许可清晰和来源记录的交付项目。

限制与禁止事项

资料明确禁止:伪造真实公司的标志、真实人物的肖像、客户评价、媒体引述或产品截图;将 Seenry MCP 或任何图库的参考图作为最终素材交付(参考图用于指导方向,不是文件);使用无法验证许可的图像,遇到这种情况应说明并改用字体主导或代码构建的替代方案。此外,工具会拒绝未列出的图标集;品牌标志仅可用于指代该品牌且不得修改;部分来源需要 API key 或手动获取;生成功能依赖宿主环境是否提供相应图像生成工具或 API key。