ADD DOWNLOAD TEXT

 

ADD DOWNLOAD TEXT

Download: https://drive.google.com/drive/folders/12QuW2-SkfvRdleW0tHzhP205oivNTae8

"Create a complete, self-contained .html file that functions as an advanced Image Prompt Generator. The tool should be designed with the following goal in mind: Generate 30+ high-quality, highly optimized prompts that can recreate images extremely similar (as close to 100% as possible) to any attached reference image.

https://pbs.twimg.com/profile_images/1671097422922264576/R6-5MZ74_400x400.jpg

 
Please use the best possible structure and modern UX design. Revise UI for mobile responsiveness. Improve the HTML with smooth animations, clean aesthetics, and excellent user experience.

The final .html file must be fully downloadable and work offline.

Key Features to Include:

• Generate 30+ ultimate best prompts optimized for creating images nearly identical to the attached reference image. Add positive and negative prompts section.
• Automatically  analyze and intelligently revise prompts for better consistency,  improved lighting, more vibrant colors, dynamic and varied poses, and stronger composition.  
• Premium aesthetics with random color accents.
• First generate a strong character reference (character sheet / consistent character description).
• Include options to refine prompts for better overall composition and visual impact. 

Add parameter sliders. Add a "Clear All" button that resets all parameters and the generated prompt. Add a "Download TEXT" button to download .txt file prompts. Add a 'Random Style' button to randomly change the style preset. Add a 'COPY BEST PROMPT' button to copy the Best Prompt onclick.

On page load, automatically fill every form field with high-quality random examples (never leave any field blank).
Provide a "Randomize All" button that generates fresh random examples for all parameters at any time.
The interface is intuitive, visually appealing, and highly functional.

Prioritize fluency, clarity, and a premium feel throughout the tool.

 

Mobile Optimizations Included:

• Fully responsive grid (stacks on mobile)
• Touch-friendly large buttons
• Bottom navigation bar for mobile
• Proper viewport meta tag
• Readable text sizes
• Scrollable content with good spacing
• Glassmorphism that performs well on mobile

 

 Key Performance Optimizations Applied:

• Hardware Acceleration — will-change, translateZ(0), backface-visibility
• Reduced Paint & Layout Thrashing — Minimal DOM manipulations
• Capped Animation Delays — Prevents excessive queuing
• Efficient Event Handling — Fewer listeners, batched updates
• Optimized CSS — Shorter transitions, fewer properties
• Glass Morphism with lower blur — Better rendering performance
• Single DOM clear when generating prompts
• Lightweight toast animation
• Minimal JavaScript recalculations"