unsplash-asset-images

Recommend Unsplash image URLs with aspect ratios and pixel sizes for design workflows.

4.5k|536|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/MengTo/Skills --skill unsplash-asset-images
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: unsplash-asset-images
Source: https://github.com/MengTo/Skills/tree/main/agent-skills/media/unsplash-asset-images
Command: npx skills add https://github.com/MengTo/Skills --skill unsplash-asset-images

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the time-consuming guessing of which Unsplash photos to use and how to crop/resize them to match the exact aspect ratio needed for design assets.

Core Features & Use Cases

  • Curated Unsplash picks by use case: provides ready-to-use image page URLs for avatars, headshots, portraits, website hero backgrounds, and abstract wallpapers.
  • Resolution and aspect-ratio guidance: outputs suggested ratios and practical pixel sizes (e.g., 1:1, 4:5, 3:4, 16:9, 9:16) aligned to common design placements.
  • Simple delivery + safety rules: instructs users to download via Unsplash, avoids secondary/source links, and discourages using Unsplash+ images unless explicitly requested.

Quick Start

Use unsplash-asset-images to get five Unsplash image page URLs and suggested crop/resolution sizes for avatars, headshots, portraits, hero backgrounds, and abstract wallpapers.

Frequently Asked Questions about unsplash-asset-images

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find Unsplash images with the correct aspect ratio for responsive design?

You can find Unsplash images with the correct aspect ratio for responsive design by getting curated image page URLs paired with specific ratio and pixel size guidance. This approach outputs recommended dimensions like 1:1 for avatars or 16:9 for hero backgrounds to ensure proper visual scaling.

What is the best way to get Unsplash photos for website hero backgrounds and avatars?

The best way to get Unsplash photos for website hero backgrounds and avatars is to retrieve curated image page URLs mapped to specific design requirements. This delivers ready-to-use links for headshots and portraits alongside their correct aspect ratios and practical pixel sizes.

What pixel sizes and aspect ratios should I use for Unsplash design assets?

For Unsplash design assets, you should use aspect ratios and pixel sizes like 1:1, 4:5, 3:4, 16:9, and 9:16. These ratios align with common design placements such as avatars, headshots, portraits, and hero backgrounds to maintain visual consistency across your product workflow.

Can I use Unsplash+ images for my design workflow?

You should not use Unsplash+ images for your design workflow unless explicitly requested. The standard approach is to output only canonical Unsplash page URLs and advise against Unsplash+ content to ensure safe and standard image delivery for product and design placements.

How do I select Unsplash images for a consistent visual kit across different placements?

To select Unsplash images for a consistent visual kit across different placements, you match image recommendations to specific use cases like avatars, headshots, and hero backgrounds. This process outputs canonical page URLs paired with appropriate ratio-specific size guidance for each design element.