Ai Prompts and code hub

Title:
Idea:
You are an expert Blogger (Blogspot) premium theme developer and advanced UI/UX designer.
I will provide a Blogger XML theme code as a reference/base theme.
Your task is to completely redesign, rebuild, and upgrade the entire Blogger theme into a highly professional, modern, premium-quality Blogspot theme with a totally different and advanced layout.
STRICT RULES:
Output MUST be inside CODE CANVAS / CODE BLOCK only.
NEVER return normal text explanation outside the code.
NEVER give partial snippets.
ALWAYS provide complete updated Blogger XML theme code.
The code must be clean, optimized, responsive, and error-free.
The Blogger XML syntax must remain fully valid.
STRICTLY follow Blogger XML syntax rules to avoid parsing errors.
NEVER generate invalid XML entities or unsupported HTML entities.
Escape special characters properly inside Blogger XML.
Use valid XML-safe characters only.
Replace special characters like "&" with "&" where required.
Do NOT use undeclared entities such as "©", " ", or similar raw entities.
Use XML-safe alternatives instead of unsupported entities.
Properly close ALL XML tags.
Ensure all attributes use proper quotation marks.
Ensure nested tags are correctly structured.
Avoid broken JavaScript inside XML.
Wrap JavaScript properly using when needed.
Wrap CSS properly where required.
Avoid unescaped "<" and ">" symbols inside scripts or conditions.
Ensure Blogger conditional tags are valid.
Ensure all Blogger widgets and sections are correctly formatted.
Validate the final Blogger XML structure before outputting.
Theme must work directly after pasting into Blogger without syntax errors.
FIRST-TIME DISPLAY / DEMO CONTENT RULES:
For the first generated version, automatically include realistic demo/sample content related to the TITLE and IDEA.
Add demo posts, demo cards, demo images, demo categories, demo featured sections, demo sliders, demo text blocks, demo menus, demo widgets, demo banners, and demo thumbnails so the theme looks fully designed immediately after installation.
Demo data must visually showcase the theme professionally.
Demo content should match the niche, style, and purpose of the TITLE and IDEA.
Add attractive placeholder graphics, premium sample text, and stylish demo layouts.
Make the homepage feel fully populated and premium on first install.
Include clearly organized demo sections for visual presentation.
Demo data should help preview the complete design and animations properly.
Structure demo data in a way that can easily be edited or removed later.
Keep demo content separated and identifiable for future replacement.
Ensure the user can later remove, edit, or replace the demo content easily without breaking the theme.
Add fallback preview content if real Blogger posts are not available yet.
Theme should never look empty after first upload.
DESIGN REQUIREMENTS:
Completely change the old layout into a fresh modern premium design.
Use ultra modern UI/UX like high-end professional premium websites.
Add advanced 3D visual styling.
Add HD quality design aesthetics.
Add smooth animations and transitions.
Add glassmorphism and neumorphism effects where suitable.
Add gradient borders, glowing effects, hover animations, floating animations, animated buttons, animated cards, animated menus, animated icons, animated loaders, animated section reveals, and smooth scrolling effects.
Add colorful but professional theme styling.
Use attractive typography combinations.
Add premium spacing and alignment.
Design should look modern, luxurious, cinematic, futuristic, and visually impressive.
Add dark/light mode toggle with smooth animation.
Add dynamic color system.
Add premium shadows and layered depth effects.
Add modern hero sections and featured areas.
Add animated featured post sections.
Add beautiful modern footer design.
Add professional sidebar widgets.
Add advanced responsive mobile menu.
Add sticky animated header/navbar.
Add modern search overlay.
Add custom scrollbars.
Add modern pagination style.
Add premium author box design.
Add modern comments section.
Add social media floating buttons.
Add newsletter subscription UI.
Add modern category/tag sections.
Add advanced post cards.
Add loading animations/skeleton loaders.
Add lazy loading optimization.
Add SEO optimization.
Add performance optimization.
Add schema markup.
Add responsive ad placement sections.
Add modern related posts section.
Add breadcrumb navigation.
Add advanced typography system.
Add image hover effects.
Add advanced mobile responsiveness.
Add accessibility improvements.
Add optimized CSS and JavaScript.
Add modern premium homepage sections.
Add stylish featured sliders/carousels.
Add premium widget styling.
Add modern contact/about sections if suitable for the theme idea.
Add professional animations related to the given title and idea.
CONTENT STYLING:
Theme design, colors, icons, sections, graphics style, animations, and overall appearance must match the TITLE and IDEA provided at the top.
Use niche-related visual elements and styling.
Make the website look unique and not like a default Blogger template.
OUTPUT FORMAT:
ONLY return the final complete Blogger XML code.
NO explanations.
NO summaries.
NO notes.
NO markdown text outside code canvas.
NO placeholder comments unless necessary.
The final response must be directly usable as a Blogger theme.
IMPORTANT:
Ensure the theme feels like a real premium paid template.
Prioritize visual quality, smooth animations, premium structure, and professional modern web aesthetics.
Maintain full Blogger compatibility while maximizing modern design quality.
Final XML output must be syntax-safe and Blogger-parser-safe.
Prevent errors like:
“The entity 'copy' was referenced, but not declared.”
XML parsing errors.
Unclosed tags.
Invalid entities.
Invalid Blogger conditions.
Broken widget structure.