mcpField
U
unsplash-asset-images

unsplash-asset-images

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

关于 unsplash-asset-images

用于查找 Unsplash 照片并按设计用途推荐裁剪比例和尺寸的技能。它提供精选照片页面链接、比例建议、下载与裁剪说明,以及基本许可提示。

主要功能

  1. 01推荐 Unsplash 照片页面链接
  2. 02建议图片比例和尺寸
  3. 03说明下载与裁剪方法
  4. 04概述许可和署名提示
  5. 05按用途提供精选图片

适用场景

  1. 01挑选头像或人物肖像
  2. 02寻找宽幅网站主视觉背景
  3. 03选择手机或桌面壁纸
  4. 04为设计流程准备图片

安装

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

$npx skills add https://github.com/akillness/jeo-skills --skill unsplash-asset-images

安装后在 Claude Code 中输入/unsplash-asset-images确认已加载。

附带文件SKILL.toon

详细介绍

Unsplash 资产图片(头像、肖像、背景、壁纸)

目标:快速从 Unsplash 获取好看的图片,并以正确的尺寸 + 比例交付。

何时使用此技能

  • 需要真实的 Unsplash 照片页面 URL(而非占位链接),用于头像、头像照、肖像、主视觉背景或抽象壁纸。
  • 需要为特定用途提供推荐,并附上建议的输出比例 / 尺寸(1:1、4:5、3:4、16:9、9:16)。
  • 需要了解如何下载 Unsplash 照片,并为设计或图像工作流裁剪 / 调整尺寸。
  • 需要快速决定“该用哪种比例?”,适用于头像、头像卡片、主视觉背景或手机壁纸。
  • 需要了解 Unsplash 许可 / 署名规范(例如,除非用户要求,否则避免使用 Unsplash+)。
  • 请勿将此技能用于搜索 Aura Assets (aura.build/assets) — 应改用 aura-asset-images,它会按标签搜索 Aura 自有的资产库,而非 Unsplash。

输出规则

对于每项推荐,输出:

  1. Unsplash 页面 URL(规范 URL)
  2. 适用于该用途的建议比例 + 尺寸

如果用户需要文件,请让他们使用 Unsplash 上的 Download 按钮下载,然后在设计工具或图像工作流中裁剪 / 调整尺寸。

许可 / 安全(保持简单)

  • Unsplash 图片通常可免费使用,但除非用户明确需要,否则避免使用 Unsplash+ 图片。
  • 不要将摄影师姓名说成“必须署名”(Unsplash 不要求署名),但署名是良好做法。

如何交付正确的尺寸 + 比例

  1. 打开 Unsplash 照片页面,然后使用 Download 按钮。
  2. 在设计工具或图像工作流中调整图片尺寸 / 裁剪至目标比例。
  3. 头像 / 头像照应保持面部居中;宽幅背景应保留地平线。

注意:不要包含 Unsplash 来源或次要图片链接;只保留主要照片页面 URL。


精选图片(每类 5 张)

1) 头像(1:1)

选择面部取景干净、背景简洁的图片。

  1. https://unsplash.com/photos/man-wearing-black-shirt-aoEwuEH7YAs
  2. https://unsplash.com/photos/grayscale-photography-of-man-wearing-crew-neck-shirt-jmURdhtm7Ng
  3. https://unsplash.com/photos/grayscale-photography-of-woman-with-two-hands-on-her-face--Keh6vLM7w0
  4. https://unsplash.com/photos/man-in-black-crew-neck-shirt-QWa0TIUW638
  5. https://unsplash.com/photos/man-wearing-black-denim-jacket-near-building-2RFwLL-YX44

建议交付尺寸:

  • 1:1:256×256、512×512、1024×1024
2) 头像照(4:5 或 3:4)

尽量采用肩部以上的取景和中性背景,营造“专业但亲切”的感觉。

  1. https://unsplash.com/photos/mans-grey-and-black-shirt-ILip77SbmOE
  2. https://unsplash.com/photos/man-facing-on-left-side-co2Nn11OP3k
  3. https://unsplash.com/photos/woman-with-blue-eyes-and-black-hair-VLJV46hPLSM
  4. https://unsplash.com/photos/woman-with-blonde-hair-and-red-lipstick-8f3yvMdkWJI
  5. https://unsplash.com/photos/a-young-woman-poses-with-hands-near-her-face-bF6wuOivk2M

建议交付尺寸:

  • 4:5:800×1000、1200×1500、1600×2000
  • 3:4:900×1200、1500×2000
3) 肖像(纪实 / 抓拍)

适合营造“人物故事”氛围,而非“企业头像照”。

  1. https://unsplash.com/photos/woman-holding-vintage-camera-to-take-a-picture-O_UK4X6ekgI
  2. https://unsplash.com/photos/man-wearing-a-straw-hat-and-maroon-shirt-Rd2UXAg8Zc0
  3. https://unsplash.com/photos/brPuA0a0Uuk
  4. https://unsplash.com/photos/Plii16U9bOU
  5. https://unsplash.com/photos/man-leaning-on-wall-silhouette-2trSyEqR0pA

建议交付尺寸:

  • 3:4:1500×2000
  • 4:5:1200×1500
  • 社交媒体方形裁剪:1080×1080
4) 大尺寸背景(网站主视觉、横幅)——16:9

选择宽幅照片,留出干净的负空间,并确保渐变清晰易读。

  1. https://unsplash.com/photos/landscape-photography-of-mountains-twukN12EN7c
  2. https://unsplash.com/photos/a-black-landscape-with-mountains-in-the-background-X93tlrlx5kI
  3. https://unsplash.com/photos/a-landscape-with-trees-and-mountains-in-the-background-96mTBTH9MEw
  4. https://unsplash.com/photos/mountains-and-a-blue-sky-create-a-picturesque-landscape-fgCR4Yj3CLs
  5. https://unsplash.com/photos/landscape-with-milky-way-night-sky-with-stars-on-the-mountain-long-exposure-photograph-with-grain-Vt7Se0uqEpA

建议的交付规格:

  • 桌面端主视觉:1920×1080、2400×1350、2880×1620
  • 社交媒体横幅:1500×500(3:1)——可考虑手动裁剪
5) 抽象壁纸(桌面端/移动端)

需要“符合品牌安全要求”、不指向特定事物的视觉素材时使用。

  1. https://unsplash.com/photos/an-abstract-purple-background-with-a-black-background-5Q9Gf0WSyLk
  2. https://unsplash.com/photos/abstract-layered-shapes-with-a-gradient-orange-color-5q4zsTaVN4I
  3. https://unsplash.com/photos/abstract-organic-shapes-with-blue-and-yellow-gradients-c0B1HYG6ZK4
  4. https://unsplash.com/photos/blue-waves-form-a-soft-abstract-gradient-dYksH3vHorc
  5. https://unsplash.com/photos/abstract-purple-waves-on-a-dark-background-ZQSPIiFEMoU

建议的交付规格:

  • 桌面端:2560×1600 或 2880×1800
  • 移动端:1080×1920(9:16)

快速选择比例指南

  • 头像:1:1
  • 头像卡片:4:5(很适合作为默认比例),3:4(更高)
  • 网站主视觉背景:16:9
  • 手机壁纸/动态背景:9:16

如果用户询问“最佳图片”:

  • 优先选择留有干净负空间的图片
  • 避免背景杂乱
  • 确保面部不会被不自然地裁切(在生产环境 URL 中使用 crop=faces)

参考资料

评论

支持 Markdown