mcpField
S
seenry-assets

seenry-assets

github.com/ayangabryl设计与 UI219 次安装今天更新
代码仓库

关于 seenry-assets

seenry-assets 是为 Seenry 项目搜集、制作、挑选和整合视觉素材的技能。它指导设计人员按许可和艺术指导要求处理素材，并记录来源以供项目文档使用。

主要功能

  1. 01优先使用提供的素材和代码构建素材
  2. 02搜索许可清晰的图片和图标来源
  3. 03生成经过艺术指导的图像
  4. 04评审并裁剪候选素材
  5. 05在清单中记录来源信息

适用场景

  1. 01为页面寻找许可明确的照片
  2. 02挑选风格一致的图标集
  3. 03制作并记录生成式视觉素材

MCP 相关

README 提到 MCP 图像工具可作为一种图像生成方式，但未说明 MCP 服务端功能。

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/ayangabryl/seenry-skills --skill seenry-assets

安装后在 Claude Code 中输入/seenry-assets确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

agents/
openai.yaml
references/
generation.md
scripts/
assets.py

详细介绍

Seenry 素材

真实素材是工作室级效果与模板效果之间的区别。封面图本该出现的地方放着占位渐变，或图标本该出现的地方放着表情符号，都会让周围的一切显得虚假。Seenry 构建中的每项素材都是真实的、许可证明确的、经过艺术指导的，并且有记录。

先确定素材

开始搜索前，为每项素材写一行说明：用途、主体、裁剪方式和宽高比、氛围（光线、色温、纹理），以及它在布局中的位置。“专辑封面，1:1，一个色调温暖、带有秋日气息的人物，面部位于上方三分之一处，用于 136px 和 48px 尺寸”远胜于“好看的图片”。

然后优先选择能以足够质量产出素材的途径：

  1. 用户提供或品牌素材。 用户的徽标、产品照片、图片和字体始终优先。询问用户是否可能已有这些素材。
  2. 用代码构建。 产品 UI、图表、示意图和简单的几何标记，用 HTML/CSS/SVG 实现会比图片更清晰、更真实。
  3. 许可证明确的来源。 通过素材工具从以下来源获取照片、图标和字体。
  4. 生成。 如果宿主提供图像生成工具（MCP 图像工具、内置图像模型、通过 seenry/scripts/image.mjs 调用的 Codex CLI，或供素材工具使用的 OPENAI_API_KEY / GEMINI_API_KEY），就生成经过艺术指导的图像：主视觉、3D 风格图标、纹理、封面、插画。遵循生成指南。
  5. 以字体排印为主。 如果以上方法都无法达到所需质量，就移除图片，让字体排印、布局和一处细节来支撑设计。质量欠佳的图片还不如不用。

来源

需求来源需检查的许可证工具
绘画、素描、版画（成套艺术指导素材）The Met Open AccessCC0assets.py art-set --style <family>
照片Openverse（聚合 Flickr、Wikimedia、StockSnap 等来源）默认使用 CC0 或 Public Domain Markassets.py images
照片（API 密钥或手动获取）Unsplash、PexelsUnsplash License、Pexels License（可免费用于商业用途，不得原样转售）宿主浏览器或其 API
UI 图标通过 Iconify 使用 Lucide（ISC）、Phosphor（MIT）、Tabler（MIT）、Heroicons（MIT）、Iconoir（MIT）、Radix（MIT）宽松许可；工具会拒绝未列出的图标集assets.py icons / icon
品牌标志所有者的媒体资料包；Simple Icons（CC0 文件，标志仍属商标）商标规则：不得修改，且只能用于指代该品牌assets.py icon simple-icons:<name>
3D 和插画风格图标3dicons（CC0），或生成一套风格统一的图标CC0 / 提供方条款下载或 generate
纹理、HDRI、材质Poly Haven（CC0）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 搜索按字面匹配：使用一两个具体名词（“黑胶唱片”“肖像”“港口雾气”），然后评估搜索结果。

像艺术指导一样挑选

  • 下载 6–12 个候选素材，打开联系表，并按实际宽高比和尺寸裁剪后再选择。适合全幅展示的图片，在 48px 尺寸下可能就不合适了。
  • 选择一组风格统一的素材：整页的光线方向、色温、颗粒感、拍摄距离和处理方式都应一致。
  • 剔除带有水印、可见徽标或无权使用的作品（公有领域照片中的受版权保护专辑封面，并不意味着封面本身也可以使用）、可能让人误以为代言的可识别人物、AI 瑕疵（手部、文字、融化的边缘）、无法满足显示尺寸要求的低分辨率素材，以及陈词滥调（握手、指着笔记本电脑的人、发光的大脑、等距视角的团块）。
  • 从选定的图片中提取强调色，让配色与素材相协调。

集成

  • 按最大显示尺寸的 1 倍和 2 倍导出；照片使用 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 的资源表，并在随产品发布的致谢页面或页脚小链接中保留任何必要的署名。对于代表所有者自身作品或产品的图像（作品集内容、案例研究、产品照片、团队照片），切勿在图注或图像叠层中标注创作者；这会让访客误以为作品属于他人。发布前，再打开一次来源页面，确认许可证仍然显示。

切勿

  • 伪造真实公司的标志、真实人物的肖像、客户评价、媒体引述或产品截图。
  • 切勿将 Seenry MCP 或任何图库中的参考图作为最终素材发布；参考图用于提供方向，而非直接使用。
  • 切勿使用无法核实许可证的图像。请说明这一点，并改用以文字为主或通过代码构建的替代方案。

评论

支持 Markdown