unsplash-header-images

Search Unsplash and add image URLs, alt text, and attribution to Jekyll front matter.

Updated Dec 29, 2025
One-click install
npx skills add https://github.com/alxsbn/11h.dev --skill unsplash-header-images
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: unsplash-header-images
Source: https://github.com/alxsbn/11h.dev/tree/main/.claude/skills/unsplash-header-images
Command: npx skills add https://github.com/alxsbn/11h.dev --skill unsplash-header-images

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the process of finding relevant, high-quality header images from Unsplash for Jekyll blog posts and ensures all necessary attribution metadata is correctly added.

Core Features & Use Cases

  • Automated Image Search: Finds Unsplash images based on article topic keywords.
  • Metadata Generation: Extracts and formats image URL, alt text, photographer credit, and source links.
  • Jekyll Integration: Adds required header_image front matter fields to blog posts.
  • Use Case: When creating a new blog post about "The Future of AI in Healthcare," this skill will find a suitable image, like an abstract representation of medical technology, and add all the necessary fields to the post's YAML front matter.

Quick Start

Use the unsplash-header-images skill to find and add a header image for the article titled "The Future of AI in Healthcare".

Frequently Asked Questions about unsplash-header-images

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

FAQPage Schema
How do I automatically add Unsplash header images to Jekyll blog posts?

To add Unsplash header images to Jekyll blog posts, use this Skill to search Unsplash for relevant images based on article content and automatically inject image URLs, alt text, and attribution metadata into the post's YAML front matter.

What is the best way to manage Unsplash image attribution in Jekyll front matter?

Managing Unsplash image attribution in Jekyll front matter requires extracting photographer credits, source links, and alt text. This Skill automates that process by generating complete attribution metadata and adding it directly to your blog post configuration.

Can I use this to find relevant header images for an existing article?

Yes, you can find relevant header images for an existing article. The Skill handles updates for existing articles by analyzing the current content, searching Unsplash for matching images, and updating the front matter fields while ensuring visual consistency.

Does this automatically generate alt text for Unsplash images in Jekyll?

Yes, it automatically generates alt text for Unsplash images in Jekyll. The Skill analyzes the article topic to find suitable images and extracts optimized image URLs along with complete alt text and attribution metadata to ensure accessibility.

How do I create a new Jekyll blog post with a relevant Unsplash header image?

To create a new Jekyll blog post with a relevant Unsplash header image, the Skill uses your article's topic keywords to search Unsplash, selects a suitable image like an abstract representation of the subject, and adds the necessary front matter fields automatically.