Menu
Create a pixel/vintage blog header from a source image and update the matching blog post image URL.
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/daya0576/daya0576.github.io --skill pixelThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
| name | pixel |
| description | Create a pixel/vintage blog header from a source image and update the matching blog post image URL. |
Use this skill when the user gives a source image path/URL and wants the blog's pixel/vintage header style.
Create a progressive JPEG with:
Important: All shell commands and relative paths assume the project root (
/Users/henry/repo/private/hugo/zblog). The bash tool defaults to the home directory (~), so always passcwdset to the project root (orcdthere first). Otherwisestatic/...paths resolve under~and files appear "missing".
/images/blog/global/foo.jpeg, use static/images/blog/global/foo.jpeg.~/Downloads/.static/images/blog/global/, usually SOURCE_STEM-pixel.jpg. Never overwrite the source.python3 -c "from PIL import Image; print('ok')"
If missing, ask before installing anything.
python3 .pi/skills/pixel/scripts/vintage_header.py \
"SOURCE_PATH" \
"static/images/blog/global/OUTPUT.jpg"
grep -RIn "SOURCE_FILENAME\|/images/blog/global/SOURCE_FILENAME" content public --include='*.md' --include='*.markdown' --include='*.html'
If only public/.../index.md or public/.../index.html matches, infer the source post from the slug and find the matching file under content/posts/.
If no matching post can be found, ask which post to update.
Default script settings are already tuned. For adjustments:
python3 .pi/skills/pixel/scripts/vintage_header.py input.jpg output.jpg \
--pixel-scale 0.6 \
--grain 10 \
--vignette 0.6
--pixel-scale toward 0.6 or 0.7.--pixel-scale toward 0.35 or 0.25.--grain to 8 or 10.--vignette to 0.5 or 0.6.Insert or explain an image with caption in zblog posts. Use when the user asks to add an image caption, image footer, figure, or asks for the zblog image caption syntax.
Create a new Hugo blog post for zblog. Use when the user asks to create a new blog post or article. Handles slug generation, front matter, and file creation in the correct format.
Insert or explain a GitHub code snippet reference in zblog posts. Use when the user asks to quote GitHub source code, add a GitHub code block, or asks for the zblog GitHub code snippet syntax.
Based on SOC occupation classification
