DEV Community

咕咚
咕咚

Posted on

I Built a Claude Code Skill for One-Command Image Uploads

#claude #tools #productivity #opensource

Cover

Hi, I'm Gudong, a software engineer from China.

What's the most annoying part of writing tech blog posts?

For me, inserting images is definitely near the top of the list.

The Old Way

My workflow used to be:

  1. Take a screenshot / export image
  2. Open browser, log into image host
  3. Drag and drop to upload
  4. Wait for upload to complete
  5. Copy image link
  6. Go back to editor, paste link

Once or twice is fine. But when you're writing a long article with a dozen images? It's maddening.

The New Way

Recently I've been playing with Claude Code and discovered its Skills system is pretty fun.

So I wrote a small skill: Image Publisher — it simplifies this entire workflow to a single command.

What is Image Publisher?

Image Publisher is a Claude Code skill that lets you upload images to your image host with one sentence.

Before:

Open browser → Login to image host → Upload → Copy link
Enter fullscreen mode Exit fullscreen mode

After:

"Upload image screenshot.png"
Enter fullscreen mode Exit fullscreen mode

That's it. Done.

See It In Action

In the Claude Code environment, just say:

Upload image /Users/gudong/Files/screenshot.png

And the image uploads instantly.

Demo

After uploading, you get the image URL.

Supported Image Hosts

Currently supports two categories:

1. GitHub as Image Host

  • Completely free
  • Stable and reliable
  • Built-in jsDelivr CDN for global acceleration

2. S3-Compatible Storage

  • Qiniu Cloud
  • Aliyun OSS
  • Tencent Cloud COS
  • Qingcloud
  • Other S3-compatible services

How to Use

Step 1: Install the Skill

git clone https://github.com/maoruibin/image-publisher.git
cp -r image-publisher ~/.claude/skills/
Enter fullscreen mode Exit fullscreen mode

Step 2: Configure

cd ~/.claude/skills/image-publisher
cp .env.example .env
Enter fullscreen mode Exit fullscreen mode

Edit the .env file and add your GitHub Token or S3 credentials.

Step 3: Use in Claude Code

You: Upload image ~/Desktop/screenshot.png

Claude: Upload successful!
     https://cdn.jsdelivr.net/gh/user/repo@master/images/screenshot.png
Enter fullscreen mode Exit fullscreen mode

Why I Built This

  1. Focused: Does one thing well — image uploads
  2. Simple: Configure once, use forever
  3. Open Source: MIT licensed — free to use and modify
  4. Integrated: Seamlessly works with Claude Code using natural language

About Claude Code

Claude Code is Anthropic's official CLI tool. Simply put, you can talk to Claude directly in your terminal to write code.

Its Skills system allows users to create custom extensions. This skill is built on that system.

If you're also using Claude Code, give it a try!

Project Links

GitHub: https://github.com/maoruibin/image-publisher

If you find it useful, please drop a Star ⭐️

This little tool has solved my pain point. Hope it helps you too!

If you have any questions, feel free to open an Issue on GitHub or leave a comment.

I'm Gudong. Good tools deserve to be seen by more people.

About Me

Hi, I'm Gudong—an indie developer from China, creator of inBox Notes, and an AI programming practitioner.

I write daily about AI, coding, and building products. You can find me on:

If you enjoyed this article, follow me here on dev.to for more insights about AI-assisted development and indie hacking.

Top comments (0)