blog-logo-watermark

Community

Watermark blog images with the Ylang logo

Authorartreimus
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents inconsistent branding by automatically adding the Ylang Labs logo watermark to your blog artwork while preserving the original image framing and dimensions.

Core Features & Use Cases

  • Contrast-aware logo color selection: Automatically chooses black or white for readable watermark contrast against the local background (or forces a specific color).
  • Safe, non-destructive workflow: Supports in-place or output-to-new-file watermarking and keeps dimensions unchanged; creates a local unwatermarked backup when overwriting source images.
  • Works on standard blog assets: Applies the watermark to both source-image.png and blogHeader.png for a given blog slug when both exist.
  • Placement and sizing controls: Lets you choose corner placement (lower-left/right, upper-left/right) and tune scale, margin, and opacity.

Quick Start

Use this skill to watermark a blog’s images in public/static/images/blogs/<slug>/source-image.png and public/static/images/blogs/<slug>/blogHeader.png using the default lower-right, auto black/white logo choice, with an untracked source-image-no-watermark.png backup created when overwriting the source image.

Dependency Matrix

Required Modules

sharp

Components

scriptsassets

💻 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-logo-watermark
Download link: https://github.com/artreimus/ylang-labs-blog/archive/main.zip#blog-logo-watermark

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.