Unsplash Asset Images
Meng ToCommunityCreated by Meng To
- Skill
- Tool integration
- Design and creative
- MIT
- No issues found
AutoGineer summary
Written by AutoGineer from the skill’s own files, not by the author
This skill provides a curated selection of high-quality Unsplash images categorized by common design use cases such as avatars, professional headshots, editorial portraits, website backgrounds, and abstract wallpapers. It serves as a guide for selecting appropriate imagery and provides clear instructions on how to process these assets to meet specific aspect ratios and resolution requirements for professional design workflows.
What it does
- Provides direct links to curated Unsplash images for various design needs.
- Categorizes images by use case: avatars, headshots, portraits, backgrounds, and wallpapers.
- Suggests standard aspect ratios for different design formats.
- Offers specific pixel dimensions for common display resolutions.
- Provides best practices for cropping and resizing images for professional output.
- Advises on image selection criteria like negative space and composition.
When to use it
- When you need high-quality placeholder imagery for a website or application design.
- When you are unsure which aspect ratio is appropriate for a specific design component.
- When you need to source professional-looking headshots or portraits for a project.
- When you need abstract backgrounds that maintain brand-safe aesthetics.
Advantages
- Saves time by providing pre-vetted, high-quality image options.
- Ensures design consistency through standardized aspect ratio and resolution guidance.
- Simplifies the selection process by categorizing images by intent.
- Provides clear, actionable steps for post-download image processing.
Usage examples
- “I need a professional headshot for a team page, what should I use?”
- The agent provides a list of curated headshot links from Unsplash and recommends using a 4:5 or 3:4 aspect ratio with specific resolution targets like 800x1000.
- “What size should I make a website hero background?”
- The agent suggests a 16:9 aspect ratio and provides specific resolution examples like 1920x1080 or 2880x1620, along with tips for selecting images with negative space.
Install
Download the skill as a ZIP:
https://autogineer.com/agent-skills/mengto/unsplash-asset-images/downloadUnzip it into the cross-client skills folder of your project:
mkdir -p .agents/skills && unzip unsplash-asset-images.zip -d .agents/skills
Documentation by Meng To
Unsplash Asset Images (Avatars, Portraits, Backgrounds, Wallpapers)
Goal: quickly grab good-looking images from Unsplash and deliver them in the right size + ratio.
Output rule
For each recommendation, output:
Unsplash page URL (canonical)
Suggested ratios + sizes for the use case
If the user wants a file, instruct them to use the Download button on Unsplash and then crop/resize in their design tool or image pipeline.
License / safety (keep it simple)
Unsplash images are generally free to use, but avoid Unsplash+ images unless the user explicitly wants them.
Don’t present the photographer name as “required attribution” (Unsplash doesn’t require it), but it’s good practice to include.
How to deliver the right size + ratio
Open the Unsplash photo page and use the Download button.
Resize/crop to the target ratio in your design tool or image pipeline.
Keep faces centered for avatars/headshots and preserve horizon for wide backgrounds.
Note: do not include Unsplash source or secondary image links; keep only the main photo page URLs.
Curated picks (5 each)
1) Avatars (1:1)
Pick images with clean face framing + simple backgrounds.
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
Suggested deliverables:
1:1: 256×256, 512×512, 1024×1024
2) Headshots (4:5 or 3:4)
Aim for shoulders-up framing, neutral backgrounds, “professional but human”.
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
Suggested deliverables:
4:5: 800×1000, 1200×1500, 1600×2000
3:4: 900×1200, 1500×2000
3) Portraits (editorial / candid)
Use these when the vibe is “human story”, not “corporate headshot”.
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/man-leaning-on-wall-silhouette-2trSyEqR0pA
Suggested deliverables:
3:4: 1500×2000
4:5: 1200×1500
1:1 crop for social: 1080×1080
4) Large backgrounds (website hero, banners) — 16:9
Pick wide shots with clean negative space and readable gradients.
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
Suggested deliverables:
Desktop hero: 1920×1080, 2400×1350, 2880×1620
Social banner: 1500×500 (3:1) — consider manual crop
5) Abstract wallpapers (desktop/mobile)
Use when you need “brand-safe”, non-specific visuals.
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
Suggested deliverables:
Desktop: 2560×1600 or 2880×1800
Mobile: 1080×1920 (9:16)
Quick “which ratio do I use?” cheatsheet
Avatar: 1:1
Headshot card: 4:5 (great default), 3:4 (taller)
Website hero background: 16:9
Mobile wallpaper / story background: 9:16
If the user asks for “best image”:
prefer clean negative space
avoid busy backgrounds
ensure face is not cropped awkwardly (use
crop=faceson production URLs)
Files
- ATTRIBUTION.mdAdded by AutoGineer859 B
- LICENSELicence file added by AutoGineer1.0 KiB
- SKILL.md5.0 KiB
- demo/PROMPT.md2.0 KiB
- demo/index.html16.2 KiB
- demo/preview.jpg77.0 KiB
Requirements and compatibility
Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta
“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.
Security
No issues found by our static scan· No issues found
A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.
Attribution and licence
- Created by
- Meng To
- Publisher
- Meng To (Community)
- Source
- MengTo/Skills · agent-skills/media/unsplash-asset-images · commit 5ea1661
- Licence
- MIT License (redistribution allowed)
- LICENSE (added by AutoGineer from LICENSE)
- ATTRIBUTION.md (written by AutoGineer)
- Synced
AutoGineer is not affiliated with or endorsed by Meng To or Meng To.
Download ZIP
The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download unsplash-asset-images.zip