Skills
.Work. You
Rest

blog-image-cropper

Community

Crop blog artwork for perfect card and header

Design & Creative#composition#aspect ratio#image cropping#blog artwork#png resizing#thumbnail prep#Ylang Labs
Authorartreimus
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill solves the problem of turning a source image into Ylang Labs blog artwork that fits required dimensions without awkward or story-breaking crops.

Core Features & Use Cases

  • Targeted Cropping for Two Formats: Produces a portrait card image (1080x1920) and a wide banner header (1260x700) from the same source.
  • Visual-First Composition: Inspects the image to choose the best focal crop for each aspect ratio instead of blindly center-cropping.
  • Path- and Filename-Accurate Outputs: Writes outputs to public/static/images/blogs/[slug]/ with exact filenames expected by blog frontmatter.
  • Source-Aware Fallback to Artwork Generation: If no source artwork is provided, prompts the oil-painting source artwork before cropping so the final card and header match house style.

Quick Start

Use blog-image-cropper to crop your provided image into public/static/images/blogs/[slug]/cardImage.png (1080x1920) and public/static/images/blogs/[slug]/blogHeader.png (1260x700) with visually chosen focal crops.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: blog-image-cropper
Download link: https://github.com/artreimus/ylang-labs-blog/archive/main.zip#blog-image-cropper

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.