xAI TTS v1 Sub-Second Speech

“Cloudborne Balloon Dispatch” शीर्षक वाला एक पूर्ण, परिष्कृत, इंटरैक्टिव सिंगल-फाइल HTML वेबपेज बनाएँ। केवल अंतिम HTML दस्तावेज़ आउटपुट करें, जिसमें सभी CSS और JavaScript inline हों। यह आधुनिक browser में बिना किसी build step और बिना किसी external dependency, library, font, CDN, image URL, API या अतिरिक्त file के सीधे खुलकर काम करना चाहिए। यह responsive webpage हो, fixed 16:9 composition नहीं। एक ऐसा immersive dawn-era hot-air-balloon fleet control station डिज़ाइन करें, जिसमें vintage aviation instruments, screen-printed topographic maps, tactile paper textures, brass controls और modern real-time simulation का मेल हो। cobalt blue, cream yellow, coral red, warm white, charcoal और muted brass की सावधानीपूर्वक layered palette का उपयोग करें। warm morning light ऊपरी-बाएँ कोने से धीरे-धीरे चमकनी चाहिए। altitude, wind layers और danger को color, line weight, patterns और स्पष्ट legends के माध्यम से लगातार एकसमान रूप से दर्शाएँ। जहाँ उपयोगी हो, सभी visuals को HTML, CSS, Canvas और inline SVG से procedural रूप से बनाएँ। केंद्रीय क्षेत्र में एक बड़ा animated top-down airspace map होना चाहिए, जिसमें canyon, contour lines, कम-से-कम twelve अलग-अलग पहचाने जा सकने वाले balloons, कई बदलती wind layers, एक गतिशील cumulonimbus storm system, turbulence zones और destination के रूप में एक floating lighthouse दिखे। एक वास्तविक lightweight physics simulation लागू करें: प्रत्येक balloon को position, velocity, altitude, fuel, ballast, temperature, risk और route history ट्रैक करनी चाहिए; wind direction और strength altitude के अनुसार बदलें और समय के साथ विकसित हों; burners lift बढ़ाएँ और fuel खर्च करें; ballast छोड़ने से balloon ऊपर उठे, लेकिन ballast स्थायी रूप से कम हो; cooling से descent हो; canyon walls और storm cells सार्थक hazards बनाएँ। Balloons लगातार गतिशील रहें और दिखाई देने वाले, धीरे-धीरे fade होने वाले flight trails छोड़ें। उद्देश्य resources या समय समाप्त होने से पहले पूरे fleet को सुरक्षित रूप से lighthouse तक पहुँचाना हो। dawn पर एक prominent launch countdown शामिल करें, जिसमें Start, Pause, Resume, Reset और simulation-speed controls हों। launch से पहले balloons हल्के-से sway करें और instruments twitch करें। launch के बाद wind particles, balloon motion, storm growth, trail drawing, warning pulses और बदलती light को animate करें। Users को map पर wind-direction nodes को सीधे drag करके local airflow को real time में बदलने में सक्षम होना चाहिए, और इसका तत्काल visual तथा physical feedback मिलना चाहिए। किसी balloon पर click करने से वह select हो, उसका route highlight हो, उसका data पूरे interface में केंद्रित हो और एक compact detail inspector खुले। selected balloon के लिए tactile burner और ballast controls दें, जिनमें press-and-hold burner behavior, स्पष्ट रूप से consequential ballast-release action, keyboard shortcuts और accessible buttons शामिल हों। Advanced play के लिए multi-select या fleet-wide commands की अनुमति दें। mission cards वाला एक vertical sidebar व्यवस्थित करें, जिसमें fleet objectives, active alerts, weather briefings और प्रत्येक balloon के status summaries दिखें। Mission cards live update हों और safe, warning, critical, arrived तथा lost states के आधार पर filtering समर्थित करें। नीचे एक dense लेकिन readable telemetry strip रखें, जिसमें altitude, vertical speed, fuel, storm proximity और fleet progress के लिए smoothly scrolling Canvas charts हों। Charts पर hover या scrub करने से synchronized values दिखाई दें और selected balloon के trail पर संबंधित moment highlight हो। vintage gauges, rotating needles, numeric readouts, warning lamps, stamped labels, map coordinates, altitude bands, एक compact minimap या overview और स्पष्ट legend जोड़ें। सिर्फ desktop composition को छोटा करने के बजाय responsive layout behavior का उपयोग करें। wide screens पर sidebar, central map, inspector और telemetry एक साथ दिखाएँ। tablets पर secondary cards को tabs या drawers में collapse करें। mobile पर map और selected-balloon controls को प्राथमिकता दें, बड़े touch targets दें, telemetry panels को stack करें और drag interactions बनाए रखें। page को अलग-अलग aspect ratios पर viewport में सहज रूप से भरना चाहिए और mouse, touch तथा keyboard के साथ उपयोगी रहना चाहिए। simulation को पूर्ण अनुभव दें: success और failure conditions, floating lighthouse पर animated arrival docking, collision या storm-loss feedback, contextual tooltips, first-use guidance, empty और disabled states, irreversible ballast release के लिए confirmation, restart flow, status announcements और statistics वाली final mission report शामिल करें—जैसे arrivals, losses, fuel efficiency, average risk और elapsed time। Initial state को इस तरह seed करें कि scenario तुरंत रोचक हो, लेकिन जीतना संभव रहे। smooth animation के लिए requestAnimationFrame और जहाँ उपयुक्त हो map तथा telemetry के लिए Canvas का उपयोग करें। rendering को performant रखें, crisp canvases के लिए devicePixelRatio का उपयोग करें, resize events को सही ढंग से संभालें और console errors से बचें। exceptional visual hierarchy, सूक्ष्म micro-interactions, विश्वसनीय instrument behavior, हर panel के बीच linked state और विस्तृत finishing को प्राथमिकता दें। static mockup न बनाएँ। placeholder rectangles, पूरे design के रूप में generic gradients, fake nonfunctional controls, external assets, external fonts, alert() dialogs, अत्यधिक explanatory text, horizontal overflow, बहुत छोटे unreadable labels या केवल mouse से काम करने वाले interactions का उपयोग न करें। 16:9 canvas या fixed-size viewport थोपें नहीं। प्रत्येक प्रमुख visible control काम करना चाहिए और प्रदर्शित सारा data live simulation state से प्राप्त होना चाहिए।

“Midnight Automated Bakery” शीर्षक वाला एक पूर्ण, परिष्कृत, single-file interactive HTML webpage बनाएँ, जिसमें केवल inline HTML, CSS और vanilla JavaScript का उपयोग हो। पूरा runnable HTML document और कुछ भी नहीं, आउटपुट करें। external libraries, frameworks, CDNs, fonts, images, SVG files, audio files, APIs या network requests का उपयोग न करें; सभी visuals, icons, sound-like feedback, effects और game logic HTML/CSS/JS से locally generate होने चाहिए। आधी रात की एक automated bakery में set किया गया पूरी तरह playable order-scheduling game बनाएँ। Dough pieces लगातार एक isometric conveyor system में प्रवेश करें और उनके shapes, recipes, required baking temperatures, baking durations, freshness limits तथा point values स्पष्ट रूप से अलग-अलग हों। Interface को एक बड़े central industrial oven, switchable tracks वाले looping conveyor network और side-mounted real-time instrumentation panels के आसपास व्यवस्थित करें। Players को oven queue में dough items drag और reorder करने, जहाँ उपयुक्त हो compatible slots के बीच drag करने, incoming dough को reroute करने के लिए track switches पर click करने, temperature समायोजित करने या systems activate करने के लिए oven controls पर click करने और temporary conveyor acceleration तथा emergency cooling के लिए clearly documented keyboard controls का उपयोग करने में सक्षम होना चाहिए। सभी mouse, touch, click, drag और keyboard interactions तुरंत और स्पष्ट रूप से प्रतिक्रिया दें। static mockup के बजाय वास्तविक stateful gameplay लागू करें। इसमें multiple simultaneous dough orders, conveyor movement, track routing, drag-and-drop collision और snap validation, capacity limits, per-item timers, oven temperature inertia, baking progress, underbaked/perfect/overbaked states, score, multiplier combo, lives या reputation, escalating difficulty, pause/resume, restart और concise interactive tutorial या help overlay शामिल हों। Recipes meaningful scheduling conflicts बनाएँ: अलग-अलग products के लिए अलग temperatures और durations आवश्यक हों, जिससे queue rearrangement तथा strategic cooling या acceleration को प्रोत्साहन मिले। Perfectly baked bread सुनहरे रंग में बाहर आए, satisfying particle burst trigger करे, bakery display window को illuminate करे, combo बढ़ाए और order log update करे। Mistakes से visibly charred bread, उठता हुआ smoke और ember particles, warning lights, instrument shake, combo loss और स्पष्ट non-audio feedback उत्पन्न हो। एक optional sound toggle दें, लेकिन enabled होने पर पूरी तरह JavaScript में generated Web Audio के माध्यम से audio feedback को visually simulate करें; game muted होने पर भी पूरी तरह समझने योग्य रहना चाहिए। एक original, cohesive visual language का उपयोग करें, जिसमें detailed isometric pixel art और precision industrial instrumentation का संयोजन हो। deep indigo midnight environment के सामने warm amber furnace light, copper highlights, glowing bread और soft cream labels का contrast बनाएँ। CSS-drawn machinery, tiled floors, pipes, vents, shadows, highlights, pixel-stepped edges, subtle scanlines, indicator lamps, segmented displays, gauges, warning stripes और animated mechanical details से depth बनाएँ। central oven को flickering chamber, doors, temperature dial, heat shimmer और status lights के साथ जीवंत महसूस कराएँ। conveyor belts, gears, dough movement, smoke, sparks, cooling vapor, window illumination, combo feedback और panel transitions को performant CSS और JavaScript से animate करें। dense control-room aesthetic के बावजूद crisp readability और strong hierarchy बनाए रखें। पर्याप्त और सावधानीपूर्वक व्यवस्थित content शामिल करें: playable bakery floor, incoming-order queue, oven queue, recipe reference, live score/combo display, temperature और throughput instruments, event log, control legend, status notifications और detailed results तथा replay action वाला end-game या shift-summary modal। accessible labels, visible focus states, keyboard operability, reduced-motion support और color-independent status cues जोड़ें। desktop, tablet और mobile browsers पर layout को responsive बनाएँ, panels को बुद्धिमानी से rearrange करें और usability बनाए रखते हुए bakery को scale करें। यह एक webpage है, इसलिए fixed 16:9 canvas या hard-coded viewport dimensions न थोपें; fluid responsive layout का उपयोग करें, जो common widescreen displays पर विशेष रूप से अच्छा दिखे और portrait screens पर भी सहज रूप से अनुकूलित हो। completeness, game feel, reliable state management, accurate timing, robust drag handling, clear collision rules, polished transitions और visual feedback को प्राथमिकता दें। page को single .html file के रूप में save करके locally खोलते ही तुरंत काम करना चाहिए। इनसे बचें: static concept art, nonfunctional dashboard, placeholder controls, fake drag interactions, broken timers, overlapping text, illegible tiny labels, अत्यधिक explanatory copy, generic flat cards, photorealistic imagery, external assets, external dependencies, embedded base64 images, network access, build steps, multiple files, fixed 16:9 dimensions, mandatory sound, autoplaying audio, browser alerts, console-only feedback और अधूरे TODO sections।