Vibe Coding for Flickr CC 4.0 Attribution

I’m excited to share a little “vibe coding” project I worked on today, building on the awesome work of Alan Levine and with a healthy dose of AI-powered assistance from ChatGPT 4o.

If you’ve ever needed to generate properly formatted attribution for Creative Commons licensed images on Flickr, you probably know about tools like ImageCodr.org or Alan’s Flickr CC Attribution Helper. These have been staples in my digital toolkit for years, especially for teaching students how to model good digital citizenship and give credit where it’s due.

But with Flickr’s recent addition of support for CC 4.0 licenses, I found myself wanting a streamlined, simple option that works specifically for CC BY 4.0 International licensed images — the kind I use most frequently, and formatted like ImageCodr.org. So, with a little HTML and Javascript help from ChatGPT 4o, I built a “CC BY 4.0 Flickr Attribution Generator.”

It’s a lightweight, browser-based tool that lets you:

1. Paste in a Flickr photo page URL (licensed CC-BY 4.0)
2. Preview the image and see proper attribution formatting
3. Copy clean, accessible HTML code for your blog, website, or project

It only works for CC BY 4.0 images (by design) and includes a clear warning for images marked All Rights Reserved.

Want to peek under the hood? The code is all open source and available on my GitHub: github.com/wfryer/cc You do need your own Flickr API key to run this code / script on your own website. I have my personal version running on wesfryer.com/cc/.

This was also a fun excuse to extend my AI-assisted coding skills — you can see more of those learning experiments over on ai.wesfryer.com.

Big thanks again to Alan Levine for blazing the trail on this kind of tool — check out his recent blog post for the full scoop on the Flickr license changes and his updated CC Helper.

If you give my generator a try, I’d love feedback or suggestions. Happy attributing!