Image Editor

Image Editor

Develop a web-based image editor using HTML5 Canvas, CSS3, and JavaScript. Create a professional interface with tool panels and preview area. Implement basic adjustments including brightness, contrast

chatgpt TEXT f

The skill

Develop a web-based image editor using HTML5 Canvas, CSS3, and JavaScript. Create a professional interface with tool panels and preview area. Implement basic adjustments including brightness, contrast, saturation, and sharpness. Add filters with customizable parameters and previews. Include cropping and resizing with aspect ratio controls. Implement text overlay with font selection and styling. Add shape drawing tools with fill and stroke options. Include layer management with blending modes. Support image export in multiple formats and qualities. Create a responsive design that adapts to screen size. Add undo/redo functionality with history states.

How to install it

ChatGPT

1. Open Explore GPTs → Create, or start a new Project.
2. Paste the text below into Instructions.
3. Give it a name and, if the skill needs files, attach them under
   Knowledge.

For one-off use, paste the same text as your first message instead —
it works, but it is re-sent with every turn and costs context.

Did it work for you?

Where it came from

prompts.chat contributors CC0-1.0 The original