关于 unsplash-asset-images
用于查找 Unsplash 照片并按设计用途推荐裁剪比例和尺寸的技能。它提供精选照片页面链接、比例建议、下载与裁剪说明,以及基本许可提示。
主要功能
- 01推荐 Unsplash 照片页面链接
- 02建议图片比例和尺寸
- 03说明下载与裁剪方法
- 04概述许可和署名提示
- 05按用途提供精选图片
适用场景
- 01挑选头像或人物肖像
- 02寻找宽幅网站主视觉背景
- 03选择手机或桌面壁纸
- 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。
输出规则
对于每项推荐,输出:
- Unsplash 页面 URL(规范 URL)
- 适用于该用途的建议比例 + 尺寸
如果用户需要文件,请让他们使用 Unsplash 上的 Download 按钮下载,然后在设计工具或图像工作流中裁剪 / 调整尺寸。
许可 / 安全(保持简单)
- Unsplash 图片通常可免费使用,但除非用户明确需要,否则避免使用 Unsplash+ 图片。
- 不要将摄影师姓名说成“必须署名”(Unsplash 不要求署名),但署名是良好做法。
如何交付正确的尺寸 + 比例
- 打开 Unsplash 照片页面,然后使用 Download 按钮。
- 在设计工具或图像工作流中调整图片尺寸 / 裁剪至目标比例。
- 头像 / 头像照应保持面部居中;宽幅背景应保留地平线。
注意:不要包含 Unsplash 来源或次要图片链接;只保留主要照片页面 URL。
精选图片(每类 5 张)
1) 头像(1:1)
选择面部取景干净、背景简洁的图片。
- https://unsplash.com/photos/man-wearing-black-shirt-aoEwuEH7YAs
- https://unsplash.com/photos/grayscale-photography-of-man-wearing-crew-neck-shirt-jmURdhtm7Ng
- https://unsplash.com/photos/grayscale-photography-of-woman-with-two-hands-on-her-face--Keh6vLM7w0
- https://unsplash.com/photos/man-in-black-crew-neck-shirt-QWa0TIUW638
- 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)
尽量采用肩部以上的取景和中性背景,营造“专业但亲切”的感觉。
- https://unsplash.com/photos/mans-grey-and-black-shirt-ILip77SbmOE
- https://unsplash.com/photos/man-facing-on-left-side-co2Nn11OP3k
- https://unsplash.com/photos/woman-with-blue-eyes-and-black-hair-VLJV46hPLSM
- https://unsplash.com/photos/woman-with-blonde-hair-and-red-lipstick-8f3yvMdkWJI
- 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) 肖像(纪实 / 抓拍)
适合营造“人物故事”氛围,而非“企业头像照”。
- https://unsplash.com/photos/woman-holding-vintage-camera-to-take-a-picture-O_UK4X6ekgI
- https://unsplash.com/photos/man-wearing-a-straw-hat-and-maroon-shirt-Rd2UXAg8Zc0
- https://unsplash.com/photos/brPuA0a0Uuk
- https://unsplash.com/photos/Plii16U9bOU
- https://unsplash.com/photos/man-leaning-on-wall-silhouette-2trSyEqR0pA
建议交付尺寸:
- 3:4:1500×2000
- 4:5:1200×1500
- 社交媒体方形裁剪:1080×1080
4) 大尺寸背景(网站主视觉、横幅)——16:9
选择宽幅照片,留出干净的负空间,并确保渐变清晰易读。
- https://unsplash.com/photos/landscape-photography-of-mountains-twukN12EN7c
- https://unsplash.com/photos/a-black-landscape-with-mountains-in-the-background-X93tlrlx5kI
- https://unsplash.com/photos/a-landscape-with-trees-and-mountains-in-the-background-96mTBTH9MEw
- https://unsplash.com/photos/mountains-and-a-blue-sky-create-a-picturesque-landscape-fgCR4Yj3CLs
- 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) 抽象壁纸(桌面端/移动端)
需要“符合品牌安全要求”、不指向特定事物的视觉素材时使用。
- https://unsplash.com/photos/an-abstract-purple-background-with-a-black-background-5Q9Gf0WSyLk
- https://unsplash.com/photos/abstract-layered-shapes-with-a-gradient-orange-color-5q4zsTaVN4I
- https://unsplash.com/photos/abstract-organic-shapes-with-blue-and-yellow-gradients-c0B1HYG6ZK4
- https://unsplash.com/photos/blue-waves-form-a-soft-abstract-gradient-dYksH3vHorc
- 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