blog-logo-watermark
CommunityWatermark blog images with the Ylang logo
Design & Creative#brand assets#blog publishing#watermarking#logo placement#image compositing#contrast-aware
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.pngandblogHeader.pngfor 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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.