Simple Caption Manager

A simple web UI to write, modify and manage image caption files. Helpful when writing captions for images intended for training with Stable Diffusion etc.

How to use

• Put folders with images in /data/.
• If an image file has no caption file it will be created automatically.
• When captions are edited it updates the caption files instantly without asking to save anything (be careful).
• Click on images to view in bigger size; focus mode.

Features

• Drag and drop image files into the main view to add them
• Create new directory
• Search and replace
• Append to captions
• Use filenames as captions
• Clear captions

Shortcuts

• Open directory selecter: Ctrl + O.
  • Navigate in directory list Up/Down, press Enter to select.
  • Quickly select a directory by strating to type its title.
• Traverse between images when in focus mode: Cmd + Left/Right.

How to get running

1. Run npm install to install dependencies.
2. Run npm run dev in terminal, and open http://localhost:5173/ in your browser.

Disclaimers

This project was created with a lot of help from ChatGPT and Copilot. I'm hobby developer creating a tool for myself, and hopefully other people can find it useful. Let me know if you find bugs, or want to suggest improvements and features. Only tested on MacOS for now.

Main libraries used

• SvelteKit
• Express
• Tailwind CSS
• Multer