mcpField
U
unsplash-asset-images

unsplash-asset-images

github.com/mengto设计与 UI7.1k1.6k 次安装3 天前更新
代码仓库

关于 unsplash-asset-images

用于挑选 Unsplash 图片并按常见用途推荐尺寸和宽高比的设计技能。它提供头像、职业照、肖像、背景和壁纸的精选图片链接，并附有基础许可说明。

主要功能

  1. 01提供五类精选 Unsplash 图片链接
  2. 02按用途推荐尺寸和宽高比
  3. 03说明目标格式的裁剪与调整方法
  4. 04介绍 Unsplash 的基础许可注意事项

适用场景

  1. 01为头像寻找方形图片
  2. 02为职业照卡片挑选肖像
  3. 03选择宽幅背景或手机壁纸

安装

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

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

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

附带文件demo/index.htmldemo/PROMPT.md

详细介绍

Unsplash 图片素材（头像、肖像、背景、壁纸）

目标：从 Unsplash 快速获取好看的图片，并以合适的尺寸和比例交付。

输出规则

对于每条推荐，输出：

  1. Unsplash 页面 URL（规范 URL）
  2. 适用于该用例的建议比例和尺寸

如果用户需要文件，请告知他们使用 Unsplash 上的 Download 按钮，然后在设计工具或图像处理流程中裁剪/调整尺寸。

许可/安全（简单说明）

  • Unsplash 图片通常可免费使用，但除非用户明确需要，否则请避免使用 Unsplash+ 图片。
  • 不要把摄影师姓名说成“必须署名”（Unsplash 不要求署名），但最好还是署名。

如何交付合适的尺寸和比例

  1. 打开 Unsplash 照片页面并使用 Download 按钮。
  2. 在设计工具或图像处理流程中将图片裁剪/调整为目标比例。
  3. 头像/头部特写的脸部要保持居中，宽幅背景要保留地平线。

注意：不要包含 Unsplash source 或其他图片链接；只保留主要照片页面 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
  • 社交媒体用 1:1 裁剪：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