Image Editor
Develop a web-based image editor using HTML5 Canvas, CSS3, and JavaScript. Create a professional interface with tool panels and preview are…
Prompt
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 use this prompt
- 1
Copy the prompt above and paste it into ChatGPT, Claude, or Gemini — or open it in the visual Studio to edit each part on a canvas and run it with your own key.
- 2
Replace any bracketed placeholders with your specifics. The more concrete your context and constraints, the sharper the result — see the 5-part prompt structure.
- 3
Run it, then refine. Ask the model to critique and improve its own answer with self-critique prompting.
Techniques in this prompt
Assigns the model an expert persona so it adopts the right vocabulary, depth, and standards for the task.
Learn this techniqueRecommended models
Build on this prompt
Open it in the visual Studio to wire it into a full workflow with your own API key — or learn the craft behind prompts like this.
More in AI Image & Video Generation Prompts
Cinematic Product Hero Shot Builder
Generate a polished, advertising-grade product hero image prompt with controlled lighting, lens, and composition specs.
Consistent Character Sheet Across Scenes
Lock a recurring character's appearance so the same person renders consistently across many generated scenes.
Photoreal Portrait Lighting Director
Craft studio-portrait prompts with named lighting patterns, lens choice, and skin-rendering controls for realism.
Brand-Safe Social Ad Visual System
Produce a set of on-brand, policy-aware ad creatives with consistent palette, layout zones, and copy-safe space.