fix-blog-images

📁 christowles/blog 📅 1 day ago
1
总安装量
1
周安装量
#47929
全站排名
安装命令
npx skills add https://github.com/christowles/blog --skill fix-blog-images

Agent 安装分布

trae 1
cursor 1
codex 1
github-copilot 1
antigravity 1

Skill 文档

Fix Blog Images

Fixes image issues in uncommitted blog posts before publishing.

Workflow

  1. Run the analysis script:
python3 scripts/fix_blog_images.py --json
  1. Review output and for each issue:

    • rename_and_move: Move image to /images/blog/ with descriptive name
    • improve_alt_text: Update alt text to describe the image content
    • missing_image: Locate or remove the reference
  2. Apply fixes:

    • Move/rename image files to packages/blog/public/images/blog/
    • Update markdown references to use absolute paths /images/blog/...
    • Add descriptive alt text

Image Conventions

  • Location: All images in packages/blog/public/images/blog/
  • Naming: YYYYMMDD-HHMM-descriptive-name.png or YYYYMMDD-descriptive-name.png
  • References: Use absolute paths /images/blog/filename.png
  • Alt text: Describe what the image shows for accessibility

Example Fix

Before:

![alt text](image.png)

After:

![Screenshot showing terminal layout](/images/blog/20251229-post-slug-image.png)

Addtional Notes

Don’t try and Optimize Images. a git hook will run image optimization on commit. This skill is just to fix paths, names, and alt text before committing.