JANCING135 - COMPLETE

 

"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 20+ 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. 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 20+ ultimate best prompts optimized for creating images nearly identical to the attached reference image.
• Automatically   analyze and intelligently revise prompts for better consistency,  improved lighting, more vibrant colors, dynamic and varied poses, and   stronger composition.
• 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. 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. Make the interface intuitive, visually appealing, and highly functional. Prioritize fluency, clarity, and a premium feel throughout the tool.

 Key Performance Optimizations Applied:

• Hardware acceleration using will-change, translateZ(0), and backface-visibility: hidden
• Minimal DOM manipulations to reduce paint and layout thrashing
• Single DOM clear when generating prompts
• Batched updates to minimize DOM writes
• Capped animation delays to prevent excessive queuing
• Shorter CSS transitions with cubic-bezier easing
• Reduced glassmorphism blur for better rendering performance
• Lightweight toast animation using simple class toggle
• Reduced number of event listeners
• Cached DOM elements to avoid repeated queries
• Removed heavy requestAnimationFrame loops
• Lighter and more efficient JavaScript
• Reduced CSS complexity and removed unnecessary animations
• Optimized prompt generation loop "