GPT 6 Astra 100 HTML Files

Original prompt · 001-aurora-observatory.txt

Create a standalone premium aurora observatory called Vesper. Use a near-black evergreen sky, drifting mint and blue blurred aurora ribbons, tiny stars, enormous elegant serif text reading “The night is alive.” and two translucent instrument cards. Include fictional Tromsø visibility and an aurora activity histogram. Let the visitor change solar-wind intensity with a labeled slider and pause the sky. Make it responsive, accessible, offline, with inline CSS and JavaScript and no external assets. Respect reduced motion.

Original prompt · 002-form-editorial.txt

Handcraft an offline HTML5 independent design magazine cover called FORM. Use warm newsprint, vermilion red, black rules, huge tightly tracked sans-serif masthead, literary serif headlines, an asymmetrical three-column editorial spread and a CSS geometric sculpture. The headline is “Nothing is ever just a circle.” Give the sculpture a hover transformation and make an editor's-letter button reveal an actual thoughtful article with accessible expanded state. Collapse beautifully on mobile. Inline all assets, styles and scripts.

Original prompt · 003-kinetic-time.txt

Make a premium Swiss kinetic clock in one self-contained HTML file. Acid yellow-green background, forest-black circular hour/minute/second dials, large tabular digits, orbiting second markers, minimal industrial typography and a bold headline “Every second. A new beginning.” Show real local time and date. Include working Local/UTC and 12/24-hour controls. Use a responsive three-dial composition, accessible native buttons and reduced-motion support. No remote resources.

Original prompt · 004-dune-residence.txt

Design a sophisticated desert architecture concept page, Dune, using sand, limestone, sage sky, generous whitespace and fine serif typography. Split the page into an editorial introduction and a large original CSS illustration of a cubic adobe residence with an arched doorway, recessed window, projecting roof, steps, desert hills and a sun. Include a functional day/evening light toggle. Add small architectural specifications and coordinate annotations. Make a complete responsive offline HTML5 file using only inline CSS and JavaScript.

Original prompt · 005-abyss-sonar.txt

Create a cinematic deep-ocean sonar research interface called Abyss in one offline HTML file. Navy-black graph-paper background, pale cyan telemetry, large circular radar with rings, crosshairs and a rotating conic-gradient sweep. Arrange mission copy and depth on the left, radar in the center, contact analysis on the right. Three keyboard-accessible signal buttons should reveal different fictional ocean contacts, bearings and frequencies. Add a hold/resume scan control, responsive layout and reduced-motion styling. Label this artistic simulation clearly. Inline everything.

Original prompt · 006-side-a-records.txt

Handcraft a warm analog listening-room experience called Side A. Draw a terracotta album sleeve and a large grooved vinyl record entirely in CSS. Use espresso brown, amber cream, italic serif lettering and intimate track-list typography. Present a fictional jazz quartet and three track moods. Play should actually synthesize a quiet three-note chord via Web Audio after user interaction, animate the disc and waveform, and pause correctly; track selection changes the chord. Clearly disclose synthesized audio and imaginary record. Keep the page responsive, offline, dependency-free and self-contained, with reduced-motion support.

Original prompt · 007-herbarium.txt

Create an elegant botanical specimen archive with pale sage paper, bookish serif typography, tiny archival labels, a central off-white specimen sheet and a hand-drawn inline SVG leafy stem secured with translucent paper tape. Compose three responsive columns with introductory prose and specimen details. Offer three imaginary botanical studies with working selectors that change the specimen color, title, narrative, habitat, palette and plate number. Add a very slight plant sway with reduced-motion support. All assets and code must be inline, offline and standard HTML5.

Original prompt · 008-nacre-parfum.txt

Create a fictional luxury fragrance art direction called Nacre. Use a pearl and dusty lilac palette, enormous translucent serif backdrop wordmark, and a dimensional glass perfume bottle drawn only with CSS gradients, inset shadows, a metallic cap and a cream label. Surround it with sparse editorial copy and a flattened luminous halo. Three scent-note buttons should change the poetic description and atmosphere. Responsive mobile composition, no external resources, inline CSS and JavaScript, reduced-motion consideration.

Original prompt · 009-unusual-practice.txt

Design an uncompromising brutalist designer portfolio called Unusual Practice. Use concrete gray, dense black grotesk typography, an oversized compressed-feeling two-line masthead, vermilion circular availability sticker and thick rules. Three visually distinct project tiles should show an enormous diagonal arrow, rotated electric-blue typography and an optical striped sphere. Implement working All/Identity/Digital/Objects filtering and project counts. Make the mobile layout deliberate and the page fully self-contained with no external fonts, assets or libraries.

Original prompt · 010-lava-lounge.txt

Build a retro-futurist digital lava lamp called Melt. Split a rich plum page between oversized pink italic serif text “Go with the slow.” and a tall, dimensional glass lava lamp with chrome-like base. Use CSS blur and contrast to merge moving pink blobs, glass highlights, a faint tilted orbital outline and subtle ambient glow. A warmth slider changes motion speed and a mood button cycles the lamp hue. Provide a composed static state for reduced motion and responsive stacking. Everything must be inline and work offline.

Original prompt · 011-postcards-from-elsewhere.txt

Handcraft an intimate travel postcard browser. Use a textured oatmeal desktop, a tilted cream postcard with an original CSS landscape on its left and a handwritten-feeling Georgia italic letter on the right. Include a perforated-looking stamp, circular postmark, illustrated sun, layered hills and tiny cottage. Write three distinct warm travel letters for Tuscany, a blue coast and an autumn valley. Previous and next controls change the letter, landscape colors and counter. Responsive, fully inline, offline HTML5, with reduced-motion handling.

Original prompt · 012-word-garden.txt

Create a gentle magnetic-poetry playground in an offline HTML file. Warm ivory page, lavender poem tray, individually rotated cream word tiles with subtle physical shadows, generous literary serif headline and delicate circular line decoration. Hand-select eighteen evocative words. Clicking a word moves it into the poem in order; clicking it there returns it to the bank. Include a reset button, an empty-state invitation and a button that downloads the assembled poem as text. Use accessible native controls, responsive wrapping and inline CSS/JS only.

Original prompt · 013-pixel-orchard.txt

Create a complete twelve-card memory game styled as a premium retro garden arcade. Use deep forest green, warm butter-yellow, orange accents, chunky monospace display type, pixel-like inset tile edges, subtle scanlines and a left-side title “A good day to harvest.” Six pairs of typographic botanical/geometric symbols should be shuffled fairly. Track moves and matches, delay mismatched flips, protect against rapid input and reset during pending turns, announce completion and provide a restart button. Responsive and keyboard-accessible, entirely offline with inline code.

Original prompt · 014-storm-window.txt

Design a contemplative rainy-window experience with slate blue and muted steel colors. Use a large arched CSS window, blurred geometric city silhouettes, heavy mullions, and a high-DPI inline canvas rendering fine drifting rain streaks. Pair with a spacious serif headline “Let the world rush by.” Add a rainfall slider and pause/resume control. Start still for reduced-motion preferences, keep the scene silent, responsive, and completely offline with no external dependencies.

Original prompt · 015-fold-studio.txt

Build a refined origami-inspired art experiment called Fold. Warm ivory background, coral paper, sage controls, large elegant serif copy and faint drafting circles. Handcraft an abstract bird from five independently shaded CSS clip-path polygons. A button morphs all polygons into a flat square and back, updating the stage description and label; another changes the paper hue. Clearly describe it as an abstract morph rather than a real folding tutorial. Responsive standalone HTML with all CSS/JS inline and reduced-motion support.

Original prompt · 016-blueprint-of-light.txt

Make a premium cyanotype-inspired digital print studio. Pair warm paper and Prussian blue, literary serif typography, technical monospace labels and a slightly rotated botanical print. Draw a detailed white fern using internal SVG paths and reusable inline leaf geometry, with paper margins and tiny imperfections. An exposure slider changes the print's blue density, silhouette opacity and blur; a rinse button fixes a crisp deep-blue result and updates status. This is an artistic interpretation, not chemical instructions. Fully self-contained, responsive offline HTML.

Original prompt · 017-jellyfish-ballet.txt

Create an immersive CSS jellyfish artwork called Pelagia with midnight indigo, bioluminescent lavender and sparse suspended particles. Three differently scaled translucent jellyfish should drift at different phases, with domed bells, luminous inner organs and gently swaying tentacles. Place an elegant serif poem-like headline on the left and subtle controls beneath. Provide a bioluminescence hue shift and a pause/resume control. Responsive, offline, inline-only HTML and motion-safe CSS.

Original prompt · 018-labyrinth-club.txt

Handcraft a playable eleven-by-eleven maze in a bold cream and ultramarine graphic design style. Use a coral circular player and golden star goal, a chunky oversized title with a contrasting italic word, compact step telemetry and physical-looking directional controls. Author a fixed solvable maze individually. Support arrow keys and on-screen buttons, wall collision, success messaging and reset. Build the board from the fixed layout, keep it responsive, and inline all CSS and JavaScript with no dependencies.

Original prompt · 019-komorebi-kitchen.txt

Design a warm Japanese-inspired fictional bento kitchen page. Use cream paper, olive typography, fine serif editorial headlines and a handcrafted CSS wooden lunch tray. Draw two triangular rice balls with nori, striped salmon and sliced greens inside distinct compartments. Let three menu buttons switch the main dish between salmon, glazed tofu and rolled omelet, updating illustration, accessible description, story and seasonal labels. Create a polished responsive offline HTML file using only inline CSS and JavaScript.

Original prompt · 020-chroma-field.txt

Build a sophisticated gradient-mesh art workspace with charcoal chrome, a huge warm coral/periwinkle/magenta living field and translucent oversized serif words “Soft collisions.” Use blurred radial gradients, an embedded data-URI SVG turbulence texture and a movable light reticle. A right inspector should expose three native color controls, grain intensity and an accessible light-position slider. Support pointer dragging within the field and a full reset. Responsive, self-contained HTML; no external assets or libraries.

Original prompt · 021-departure-board.txt

Create a nostalgic airport-departure-board experience for imaginary travel. Warm terminal-paper background, dark olive split-flap-inspired rows, yellow selected-flight type, a huge literary travel headline and a perforated itinerary ticket below. Handcraft four destinations: Kyoto, Reykjavík, Marrakech and Valparaíso. Selecting a row by pointer or keyboard changes the poetic itinerary and destination code. Show the real local time but clearly identify fictional journeys. Responsive standalone offline HTML with inline CSS and JavaScript.

Original prompt · 022-thread-and-form.txt

Create a tactile digital textile loom with oatmeal paper, a wooden frame, tiny warp-thread details and an original canvas-rendered woven cloth. Use distinct over/under cells, fine thread striations and subtle crossing shadows. Pair the loom with large serif text “One thread. Then another.” Include three thread palettes, a density slider and a working plain/twill weave toggle. Update a technical caption as controls change. Responsive offline HTML5, with inline CSS/JS and no external assets.

Original prompt · 023-ridgeline.txt

Handcraft an alpine trail storytelling page in deep pine, pale moss and warm gold. Use a large literary headline, compact elevation/distance telemetry and an original inline SVG topographic map with nested organic contours, a dashed winding trail, trailhead and summit labels. A progress slider should move a hiker marker along the actual SVG path, update distance and elevation, and reveal five successive trail narratives. Clearly mark the fictional map as unsuitable for navigation. Responsive, offline and inline-only HTML.

Original prompt · 024-small-victories.txt

Create a joyful three-panel original webcomic about a heroic coffee cup and small everyday victories. Use sunshine yellow halftone paper, bold black panel borders, hard offset shadows, oversized italic comic typography, pink and cyan panel backgrounds, speech bubbles and CSS-drawn expressive cups. Write two distinct punchline cuts that visitors can switch between with working buttons. Keep the narrative warm and original, the mobile comic vertically stacked, and all HTML/CSS/JS offline and self-contained.

Original prompt · 025-aero-form.txt

Create a premium speculative sneaker design presentation called Aeroform. Use cool cloud gray, enormous low-contrast italic backdrop type and an original detailed inline SVG sneaker with a mesh upper, laces, accent panel, sculptural layered sole and tread marks. Angle it dynamically with a soft grounding shadow. Include three working accent colorways and a button that separates upper and sole into an exploded view. Label all specs as imagined and the concept as not for sale. Responsive standalone HTML with inline code and reduced-motion support.

Original prompt · 026-tidal-hours.txt

Create a self-contained responsive HTML coastal observatory called Tidal Hours. Use a deep Atlantic blue background, enormous pale serif typography, mint tidal curve and transparent water shading. A horizontal time slider must move a vertical observation marker and update illustrative height, time and rising/falling state. Include a reset-to-noon control, coordinates, a navigation disclaimer and restrained monospace labels. All assets, styles and scripts must be inline and work offline.

Original prompt · 027-mineral-cabinet.txt

Build a premium offline natural history specimen cabinet in one HTML file. Pair enormous restrained serif specimen names with a floating faceted inline-SVG crystal on warm parchment. Use sage, moss and dusty ivory, small registration crosses, chemical formula labels and specimen facts. Provide three functional tabs for fluorite, amethyst and citrine that change the specimen title, facts, description and crystal coloration. Include responsive layout and reduced-motion support.

Original prompt · 028-lunar-calendar.txt

Handcraft a responsive self-contained lunar phase almanac with a deep plum star-speckled background, a large cratered CSS moon inside a thin orbital ring, refined serif editorial title and eight phase selection controls. Each phase must move the shadow and show explanatory copy and approximate cycle day. Make the experience meditative, literary and quietly scientific, and identify it as an artistic study. Use only inline HTML, CSS and JavaScript.

Original prompt · 029-pollen-atlas.txt

Create a bold botanical microscopy art page in a single offline HTML. Use marigold orange, giant tightly tracked solid and outlined sans-serif type, a circular microscope stage, and an inline SVG sunflower-inspired pollen sculpture with protruding spikes and dotted surface. Add a functioning magnification slider and rotate-specimen control, microscope scale annotation and concise curatorial copy. Clearly treat the image as an art study. Make the composition responsive and polished.

Refinement prompt

Keep the full headline within a 390-pixel mobile viewport by reducing its mobile type size and tightening the navigation. Disable specimen transitions when reduced motion is requested.

Original prompt · 030-contour-office.txt

Design a self-contained fictional topographic survey tool named Contour Office. Use a narrow parchment sidebar with brutal clean typography beside a large sage-green canvas map. Draw organic nested contour lines with index contours, summit notation, a dotted trail, compass, scale and a rust marker. Include a contour interval slider and new-terrain button that meaningfully redraw the map. Use inline scripts, system fonts and no external resources; adapt gracefully to mobile.

Original prompt · 031-whale-frequency.txt

Build an atmospheric offline ocean-acoustics art instrument in one HTML file. Use blackened sea green, acid-sage waveforms, large light sans-serif and italic serif typography, fine oscilloscope grid lines and hydrophone metadata. Render layered breathing waves in canvas, provide a frequency slider and freeze/resume button, respect reduced motion and explicitly describe the visualization as synthetic with no audio. Keep mobile polished.

Original prompt · 032-fern-house.txt

Create a botanical editorial experience called The Fern House in one offline HTML. Divide the viewport between a sage illustration panel with a rounded architectural corner and an ivory text panel. Handcraft an inline procedural SVG fern with leaf veins and curled tip. Use elegant huge green serif text and three growth-stage buttons that redraw the fern and update its story. The page must respond beautifully to narrow screens.

Original prompt · 033-barometer-room.txt

Handcraft a vintage barometer experience as one self-contained HTML. Feature a richly shaded brass-rimmed ivory analog dial on a dark tobacco background, engraved ticks, a long moving needle and fine instrument lettering. Pair it with a large warm serif headline and atmospheric copy. A labelled pressure slider should rotate the needle and update the numeric pressure and imagined weather interpretation. Include an explicit no-live-data note and responsive layout.

Original prompt · 034-eclipse-chamber.txt

Create a cinematic solar-eclipse art chamber in one offline responsive HTML. Use an almost black field, a centered glowing amber sun and movable dark moon, blurred conic corona rays, extremely spacious uppercase TOTALITY typography and tiny celestial metadata. Let a horizontal alignment slider move the moon through the eclipse and report alignment state. Keep the page minimal, dramatic and explicitly artistic rather than scientifically to scale.

Original prompt · 035-reef-reserve.txt

Design a coral reef editorial art experience in one self-contained HTML, with warm peach paper, large rose serif typography and a softly arched aquarium-like illustration panel. Draw branching corals and tiny fish using inline SVG. Provide a water-study slider that fades the reef palette to illustrate stress, updates a state label and changes explanatory text. Keep the scientific implication modest by calling it an artistic color study. Responsive and entirely offline.

Original prompt · 036-arctic-journal.txt

Create a premium Arctic expedition journal as a single offline HTML. Use a pale icy-blue full-viewport editorial cover, gigantic elegant serif headline, layered angular SVG mountains, vertical coordinates and a translucent journal card. Write three original short poetic field notes. Make the card's progress controls and turn-page button switch between all three entries. Support mobile with deliberate vertical composition and no external assets.

Original prompt · 037-migration-map.txt

Build an offline responsive migration atlas called Borrowed Skies. Pair warm parchment editorial copy with a circular schematic world map made entirely from inline SVG. Use muted sage continents, rust dashed animated flight paths, fine geographic grid and strong route endpoints. Provide species buttons for Arctic tern, barn swallow and monarch that update paths, traveler details and narrative. Avoid unsupported precise distances and label routes schematic.

Original prompt · 038-prism-studio.txt

Make a cinematic optical art study in a standalone HTML. Show a white beam entering a translucent triangular prism and exiting as a broad six-color spectrum on a near-black stage. Use CSS clip paths, gradients and subtle bloom, large thin modern typography and a minimal labelled incidence-angle slider. The slider must rotate incoming and outgoing light and show the angle. Call the scene an artistic interpretation, keep it offline and mobile responsive.

Original prompt · 039-sand-memory.txt

Handcraft an offline full-screen sand drawing artwork. Fill the canvas with warm ochre dune ripple lines, overlay a giant dark-brown serif poetic title and subtle vertical instruction. Let pointer or touch drawing leave tactile shaded traces on the sand. Provide a trace-width slider and a wind-erasure button that resets the landscape. Use only inline canvas, CSS and JavaScript and responsive placement for all controls.

Original prompt · 040-solar-garden.txt

Build a premium mathematical botanical art page in one offline HTML called Solar Garden. Use forest-black background, pale chartreuse typography and an intricate radial sunflower seed arrangement in inline SVG. Let a divergence-angle slider reshape hundreds of individually positioned elliptical seeds between 130 and 145 degrees, with a golden-angle reset and changing explanation. Create a balanced editorial and visualization layout that stacks on mobile.

Original prompt · 041-lantern-festival.txt

Handcraft an immersive nighttime lantern festival in plum black, ember orange and warm gold. Use a centered monumental serif invocation, tiny ceremonial labels, a red-bordered wish seal, five differently sized glowing CSS paper lanterns with ribbed texture, and a low angular mountain silhouette. Provide a private wish form: submitting releases another luminous lantern upward and updates a local count. Never send or persist the wish. Make the layout responsive, motion-safe, offline and entirely self-contained.

Original prompt · 042-paper-museum.txt

Create a refined three-object paper sculpture museum in one self-contained HTML. Use warm gray paper, modern oversized type, and three tinted exhibit panels holding faceted inline SVG origami-inspired bird, vessel and mountain. Give each object dimensional shadows and an exhibit label. Selecting an object should lift its panel and update a curatorial description below. Keep all content offline and recompose the exhibits for mobile.

Original prompt · 043-sundial-courtyard.txt

Design a warm Mediterranean sundial experience in a single offline responsive HTML. Put a large classic serif headline and time slider on creamy sand beside a tiled courtyard containing a dimensional circular stone sundial. Use inline SVG Roman numerals, a raised triangular gnomon, and a translucent shadow that rotates and lengthens with the hour slider. Add a readable time display and label the geometry illustrative. Evoke patient afternoon light.

Original prompt · 044-thought-network.txt

Build an abstract thought-network art experience as one offline responsive HTML. Place huge pale-blue modern typography at left over a midnight canvas field of irregular connected nodes concentrated on the right. Clicking the canvas or an ignite button should emit expanding signal rings that light nearby nodes, with a sent-signal counter. Keep lines delicate, active nodes luminous, and clearly label the visualization as abstract rather than a brain model.

Refinement prompt

Distribute the network nodes throughout the two-dimensional field using independent oscillatory coordinates, avoiding an accidentally near-horizontal band of nodes.

Original prompt · 045-seed-library.txt

Handcraft a charming premium seed-library interface in one offline HTML. Use parchment, olive type and four differently tinted seed packets, each with a unique inline SVG botanical illustration for cosmos, sweet pea, calendula and sage. Include a functional text search with empty state and result count, plus individual save-to-garden toggles and a saved total. Use elegant serif headlines, tiny archival labels and a responsive two-column mobile packet grid.

Original prompt · 046-wind-chapel.txt

Create a serene interactive wind-chime chapel in one offline HTML. Pair an ivory editorial panel with a pale sage scene containing five realistically shaded metallic tubes suspended from threads and a horizontal beam. Each keyboard-accessible chime button should play a gentle pentatonic note through inline Web Audio only after interaction. Add a wind slider controlling sway speed, status text, reduced-motion support and responsive layout. Use no audio files or external assets.

Original prompt · 047-ice-core-archive.txt

Build an elegant fictional ice-core museum exhibit as a self-contained HTML. Arrange an airy blue editorial title, a tall translucent layered ice cylinder and a depth-inspection panel across three columns. Render the core with layered CSS gradients, tiny bubble textures and glassy highlights. A depth slider must move a rust scan line and update depth, layer label and poetic geological description. Clearly state values are exhibit fiction. Adapt to mobile without external resources.

Original prompt · 048-dream-index.txt

Design a dreamy private journal in one offline responsive HTML. Use misty lavender, warm translucent paper, a gently tilted note card with tape, large poetic serif headline and a luminous orb. Include a dream title field, lined textarea, three mood buttons and a preserve-fragment action. Store the current fragment in localStorage with restoration, empty-input feedback and storage failure handling. Explain that the note stays in this browser and use no dependencies.

Original prompt · 049-ink-diffusion.txt

Create an interactive watercolor-ink art page in one offline HTML. Use warm ivory paper, large spare black modern and italic serif typography, and layered organic translucent pigment blooms on a full-screen canvas. Start with two elegant indigo blooms at right. Clicking or touching should add a bloom that expands into a wavy irregular edge. Provide indigo, rose and jade swatches with active states and a fresh-paper reset. Make the interface responsive and dependency-free.

Refinement prompt

Open with two visibly developed ink blooms so the artwork has a composed initial state. Honor reduced-motion preferences by placing new blooms at their final radius.

Original prompt · 050-star-navigation.txt

Handcraft a self-contained celestial storytelling atlas called The Night Reader. Use a deep blue-green field, pale mint elegant serif headline and a large circular star chart with concentric guides, cardinal letters, scattered tiny stars and luminous constellation points joined by thin lines. Three buttons must switch between schematic Orion, Cassiopeia and Lyra arrangements and associated stories. Clearly label it art rather than a navigation chart, make it responsive and use only inline assets.

Original prompt · 051-tea-ceremony.txt

Create a standalone responsive HTML tea ceremony experience in warm parchment, moss green, and quiet ceramic tones. Pair enormous elegant serif editorial text with a purely CSS illustrated matcha bowl, drifting steam, fine rules, and tiny spaced labels. Include a functional three-minute brew timer with pause and resume. All CSS and JavaScript inline; no external assets or dependencies. Support reduced motion and mobile screens.

Original prompt · 052-hydraulic-balance.txt

Create a calm industrial science exhibit about a water-filled U-tube. Use pale laboratory mint, teal liquid, symmetrical pressure and height gauges, a centered serif title, a finely ruled SVG apparatus and a broad bottom control dock. A signed pressure slider must calculate the hydrostatic height difference using water density 1000 kg/m³ and gravity 9.81 m/s², updating both liquid levels and numeric readouts. Include reset and a schematic-model disclosure. Self-contained responsive HTML5, inline CSS/JS, no dependencies.

Original prompt · 053-type-specimen.txt

Make a standalone interactive type specimen studio with warm ivory paper, charcoal ink, vermilion accents, a narrow tool rail, and a giant editable specimen. Include text input, font size, letter spacing, system font family selector, and invert-ink button. Add alphabet samples, a circular Aa seal, numbered technical metadata, strong rules, and responsive layout. All assets, CSS, and JS inline; use system fonts only.

Original prompt · 054-lunar-planner.txt

Build a poetic standalone lunar journal on a star-dotted muted violet night sky. Place a large CSS moon with crater gradients and an animated shadow beside reflective editorial text. Four phase buttons change the moon, title, and reflection. Add a private journal textarea that saves locally with graceful storage failure feedback. Use lavender accents, serif headlines, fine labels, responsive two-column composition, and no external dependencies.

Original prompt · 055-chromatic-mixer.txt

Create a premium standalone color mixing toy on warm light gray. Use huge tight sans-serif typography with an italic serif accent, three tall swatches with arched outer corners, and tactile color controls. Two native color inputs and a ratio slider must blend RGB values live and show all hex values. Include clipboard copy with offline-friendly failure feedback. Make the page responsive, fully inline, and dependency-free.

Original prompt · 056-midnight-radio.txt

Handcraft a standalone vintage radio interface with walnut brown casing, amber frequency display, concentric CSS speaker, tuning scale, rounded play switch, and volume slider. Use warm analog typography and subtle inset shadows. Play a soft synthesized sine drone only after explicit play, vary its pitch with the FM-style tuner, and support pause and volume. State this is synthesized audio, not a broadcast. All inline, offline, responsive.

Original prompt · 057-zen-stones.txt

Create a standalone Japanese dry garden experience using only CSS. Surround a wide sand tray with warm wooden edges, repeating elliptical rake lines, three shaded organic stones, and a soft moss patch. Add serene serif typography, generous whitespace, and quiet instructions. Stones must be draggable by pointer and movable with focused arrow keys, constrained inside the garden, with a reset button. Responsive and offline with inline code only.

Original prompt · 058-archive-vault.txt

Design a dark olive collectible object archive with enormous contemporary typography and italic serif contrast. Present three imagined objects rendered as CSS art: ceramic vessel, brass sphere, and arc chair. Use thin borders, museum inventory metadata, restrained moss highlights, and spacious cards. Include working category filters and live search with an empty state and count. Label the collection imagined. Fully inline, responsive, offline HTML.

Original prompt · 059-sprint-clock.txt

Build a striking acid-yellow sports stopwatch with black heavyweight typography, huge tabular time digits, compact hundredths, pill controls, and split history. Use athletic editorial language and clean hard rules. Implement start, pause, resume, lap capture, reset, and keyboard shortcuts with performance-based elapsed time. All inline with no external assets, responsive, and usable offline.

Original prompt · 060-pasta-table.txt

Create a warm, appetizing standalone recipe page for lemon linguine with cream paper, terracotta labels, a large elegant serif headline, and a purely CSS illustrated pasta plate with basil. Place a tactile ingredient panel beside it. Make servings adjustable from one to twelve, scale ingredient quantities, and provide checkboxes to mark ingredients. Include a short cooking method. Responsive, offline, no external assets or code.

Original prompt · 061-metro-map.txt

Build a beautifully restrained fictional transit map with cream paper, navy labels, teal river line, ocher sun line, and coral rose line. Draw the entire schematic in inline SVG, with rounded routes, interchange circles, tiny neighborhood names, and a pale river. Add a sidebar with a bold travel headline and route buttons that isolate each line and reveal its character. Label it illustrative, responsive and fully offline.

Original prompt · 062-star-atlas.txt

Create an immersive standalone personal star atlas with a midnight-to-blue canvas sky, fine scattered stars, elegant large serif introduction, and small observatory metadata. Clicking adds bright labeled stars connected by fine lines; provide Enter-key random placement, a live star count, and a clear button. Render at device pixel ratio and resize gracefully. All inline, no assets or libraries, offline.

Refinement prompt

Begin with a seven-point example constellation on the right side of the sky. Let the visitor clear it and start anew. Preserve relative point locations on resize and adapt the header and footer at narrow widths.

Original prompt · 063-sound-shapes.txt

Make a premium silent wave visualization studio in deep aubergine, rose, lavender, and icy blue. Use a huge mixed serif/sans headline above a rounded oscilloscope canvas. Draw three glowing layered sine waves with a tapering envelope; sliders change frequency and amplitude. Add freeze/resume and reduced-motion initial pause. Label this a silent visual experiment. Fully self-contained, responsive, and offline.

Original prompt · 064-fourth-dimension.txt

Build an immersive four-dimensional geometry exhibit on near-black with phosphor-green wireframes. Render all 16 tesseract vertices and 32 edges in canvas, rotate in the XW plane, and project first from 4D to 3D then onto the screen. Use a large outlined sans-serif title at upper left, small matrix-like object statistics at upper right and a bottom rotation dock. Provide a manual angle slider and optional autorotation, initially still. Responsive high-DPI canvas, inline CSS/JS, offline HTML5 only.

Original prompt · 065-bloom-lab.txt

Create a refined botanical geometry toy on blush ivory with rose, peach, and mauve. Render a large radial flower in inline SVG using translucent gradient petals and a golden center. Pair it with elegant serif copy and sliders controlling petal count and length; add a random bloom button. Display live values and specimen metadata. Fully standalone, responsive, inline CSS and JavaScript, no dependencies.

Original prompt · 066-knights-tour.txt

Build a premium chess-inspired knight-tour puzzle in parchment, sage green, and muted gold. Place a shaded 8x8 board next to elegant serif editorial copy and large visit statistics. A knight starts at a corner; mark legal unvisited destinations in gold, track visited squares, prevent invalid moves, announce dead ends or completion, and offer restart. Use Unicode chess art and inline code only, fully responsive and offline.

Original prompt · 067-glacier-study.txt

Make a standalone abstract polar landscape in glacial blue. Draw a faceted iceberg using a CSS polygon and conic gradient, with a pale sun, crisp waterline, and deep underwater gradient. Overlay poetic serif text and a large illustrative submergence readout. A range input shifts the iceberg's position and updates the readout. Clearly describe this as an artistic proportion study rather than scientific measurement. Responsive, reduced-motion-aware, inline and offline.

Original prompt · 068-field-notes.txt

Handcraft a tactile standalone notebook with warm linen background, slightly rotated cream paper, an ocher sidebar, ruled writing area, editorial serif title, and a small circular monogram. Provide three note tabs, editable titles and bodies, live word count, and local-storage persistence with honest failure status. Keep the interface minimal, responsive, fully inline, offline, and dependency-free.

Original prompt · 069-night-ticket.txt

Create a fictional event ticket personalization studio in charcoal and sage. Center a slightly rotated oversized paper ticket with huge Slow Disco typography, perforated stub, punched corners, CSS barcode, event details, and guest name. Include a name input and three color/seat editions that update the souvenir live. Explicitly state it is fictional and not valid for entry. Responsive, self-contained offline HTML with no external assets.

Original prompt · 070-kinetic-balance.txt

Design a midcentury kinetic sculpture study on warm gallery white. Render an inline SVG hanging mobile with thin dark wires, a terracotta ellipse, ocher triangle, teal semicircle, and deep olive disc. Pair it with refined serif text and a slider rotating the beam around its suspension point, updating angle and state. Describe it as artistic rather than a physics model. Fully inline, responsive, offline, with reduced-motion support.

Original prompt · 071-focus-room.txt

Build a cozy standalone focus timer with slate-blue walls and a CSS arched window overlooking a peach sunset and layered green hills. Use warm serif typography and a generous 25-minute timer beside an intention input. Implement accurate wall-clock countdown, pause, resume, reset, and completion feedback. Make it responsive with all CSS and JavaScript inline and no external resources.

Original prompt · 072-pixel-quilt.txt

Build a standalone digital patchwork craft table in cream, terracotta, teal, sage, and ocher. Show an 8x8 quilt of colored square buttons with dashed inset stitch lines and a thick fabric-like border. Add warm serif text, five thread-color buttons, clear-cloth and undo controls. Clicking patches colors them; undo must also restore a cleared quilt. Responsive, accessible button controls, fully inline and offline.

Original prompt · 073-cellar-notes.txt

Design a luxurious fictional tasting journal in deep burgundy, muted rose, and aged cream. Create a CSS wine bottle with shaded green glass, foil neck, and typographic paper label. Pair it with large serif copy and three sliders for fruit, acidity, and body that compose a live tasting sentence. Clearly identify the bottle and vintage as imagined. Fully inline, offline, responsive, without external assets.

Original prompt · 074-orbit-budget.txt

Create a polished standalone monthly arithmetic planner with pale blue-gray background, white rounded panels, muted periwinkle accents, and a large donut breakdown. Let users enter income, essential expenses, and planned savings. Update available amount, committed ring, available percentage, and over-budget state immediately. Clearly state local arithmetic with no account connection or persistence. Responsive, inline code only, offline, no external assets.

Original prompt · 075-cloud-composer.txt

Build a delightful standalone mood-weather composer in pale sky blue with large poetic serif text and a CSS scene of pillowy clouds, glowing sun, and optional falling rain. Three buttons choose sunshine, overcast, or soft rain, changing the background, cloud color, sun visibility, rain, reflection, feeling, and pace. Label it imagined rather than live weather. Responsive, inline, offline, with reduced-motion support.

Original prompt · 076-atelier-plan.txt

Create a premium Japanese architectural study on warm ivory paper. Use restrained sage drafting lines, an enormous editorial serif title, a clickable inline SVG floor plan, architectural dimensions, and a quiet horizontal masthead. Make four rooms keyboard selectable, revealing their area and design intention, with a whole-residence reset. Handcraft a responsive, offline, standalone HTML5 page using only inline CSS, JavaScript and SVG.

Original prompt · 077-golden-repair.txt

Design an original kintsugi-inspired digital art object on charcoal green. Center a large top-down ceramic bowl with concentric glaze gradients, a soft cast shadow and hand-authored branching SVG fracture paths. Place a quiet serif headline in the upper-left corner and a gold character with reflective copy in the lower-right. A repair button traces the fractures in luminous gold using stroke dashes and changes the two-stage caption. Label it as a tribute, not a craft tutorial. Responsive, reduced-motion aware, offline HTML5 with all code inline.

Original prompt · 078-midnight-cinema.txt

Create an atmospheric independent cinema programme with a huge original CSS film poster titled After the Sun. Build a striped burnt-orange sun and layered plum mountain silhouettes, dark charcoal surroundings, oversized literary serif title, and restrained screening information. Add three selectable screening times and a circular control that animates the poster. Make the page responsive and fully offline in one HTML5 file, with inline CSS/JS only.

Original prompt · 079-island-atlas.txt

Draw a fictional Mediterranean archipelago in inline SVG on a pale sea-green cartographic grid. Include three irregular hand-drawn islands with contour lines and an animated dashed sailing route. Pair the map with an ivory editorial sidebar, dark teal typography, compass, coordinates, and a floating field-note card. Make island markers and matching navigation keyboard operable and update the destination notes. Build responsive standalone HTML5, entirely offline.

Original prompt · 080-hour-object.txt

Create a luxurious watch object study with a fully CSS-rendered analog timepiece, brushed metallic bezel, ivory dial, fine indices, real local-time hands, and understated product typography. Use warm stone backgrounds and an asymmetrical two-column layout. Offer limestone, forest, and obsidian dial swatches with accessible selected states and a live digital footer. The page must be responsive, self-contained HTML5 with inline CSS and JavaScript and no external assets.

Original prompt · 081-chromatic-chapel.txt

Handcraft an intimate interactive stained-glass chapel study. Set an arched jewel-toned SVG window against deep blue-black, with thick lead lines, a circular upper medallion, a soft cast beam and a poetic oversized serif title. Let visitors select five pigments and recolor individual keyboard-accessible panes; add a daylight brightness slider. Create a responsive standalone HTML5 file using inline SVG, CSS and JavaScript only.

Original prompt · 082-clay-form.txt

Design a warm digital pottery studio in tonal terracotta and clay. Render a sculptural hand-thrown vessel entirely in CSS with layered grain lines, dimensional shading, a dark elliptical mouth and a stone display plinth. Add body-width and shoulder-shape sliders and three glaze choices. Use tactile colors, a large expressive serif headline and restrained workshop labels. Make responsive standalone offline HTML5 with inline styles and scripts.

Original prompt · 083-letter-foundry.txt

Build a bold typography playground with acid-yellow paper, near-black rules, enormous live specimen text and a strict foundry-style control strip. Let users type their own phrase, choose four system-font voices, adjust letter spacing, switch italic and invert the theme. Use editorial grid discipline, specimen labels and a character-count detail. Responsive standalone HTML5 with no fonts, libraries or dependencies loaded externally.

Original prompt · 084-ring-world.txt

Create a spacious planetary portrait of Saturn on ink navy with sparse stars. Center a shaded, banded gas giant within layered elliptical ring planes made with repeating radial gradients and a Cassini-like gap. Use an elegant centered serif headline above, small scientific callouts around the planet and a three-part instrument dock below. A viewing-angle slider should tilt the ring plane interactively. Label the artwork stylized and not to scale. Responsive, self-contained offline HTML5, inline CSS and JavaScript only.

Original prompt · 085-night-train.txt

Create a romantic sleeper-train journal in deep petrol green and warm ticket-stock cream. Build a broad rounded train window containing a moonlit gradient sky, mountain silhouettes and continuously passing CSS trees. Pair a large serif travel headline with a perforated-looking ticket panel. Offer three fictional sample journeys that update station names and illustrative times, and a pause/resume scenery control. Use standalone responsive offline HTML5 with inline CSS and JavaScript.

Original prompt · 086-woven-memory.txt

Make a centered digital textile studio on parchment, featuring a large richly colored geometric flatweave rug made entirely from CSS conic and repeating gradients, woven texture, inset border and fringe. Use an elegant centered serif title and a three-column control rail. Let visitors choose desert, indigo or meadow dye palettes and adjust repeat scale. Include an evocative material note for each palette. Deliver standalone responsive offline HTML5 with inline CSS/JS.

Original prompt · 087-marble-room.txt

Build a refined virtual sculpture gallery in chalk, limestone and soft gray-green. Center a CSS-sculpted stone loop in an arched wall niche above a dimensional plinth, with a large pale inventory number and vertical gallery annotation. Use a broad editorial headline above and a three-part museum label below. Offer three distinct abstract sculpture forms and a perspective slider. All artwork, CSS and JavaScript must be inline in responsive standalone HTML5.

Original prompt · 088-incense-hour.txt

Build a minimal incense contemplation scene in muted oxblood and warm clay. Draw a wide elliptical ceramic incense tray, a slender tilted stick and a tiny glowing ember in CSS. Render fine translucent smoke filaments rising from the ember with inline high-DPI canvas. Use a poetic serif title in one corner and vertical decorative Japanese lettering in the other. A signed breeze slider bends the smoke west or east; a pause button stills it. Clarify that the experience creates no fragrance or flame. Responsive, offline, reduced-motion aware HTML5 with all code inline.

Original prompt · 089-vinyl-evening.txt

Handcraft a warm retro listening room in burnt orange and honey wood. Center a wide CSS turntable with a grooved black vinyl record, cream label, metallic tonearm and physical deck shadows. Add three original synthesized chord studies using the built-in Web Audio API, play/pause and previous/next controls, and a volume slider. Start audio only after user action and rotate the record only during playback. Build responsive standalone HTML5 without dependencies or external audio.

Original prompt · 090-glasshouse.txt

Create a friendly premium plant-care dashboard with a forest-green sidebar, pale botanical background, editorial greeting, three care metrics and three illustrated plant cards. Draw stylized foliage and terracotta or stone pots entirely in CSS. Give each plant a watering-log button that updates its status and remaining-reminder count, with clear session-only behavior. Reflow cards beautifully on phones. Self-contained offline HTML5, all CSS and JavaScript inline.

Original prompt · 091-ink-mountains.txt

Compose a wide contemplative East Asian ink-inspired landscape using only CSS silhouettes: layered desaturated green mountains, a muted red sun, fine water reflections, a tiny drifting boat, vertical poetry and a vermilion seal. Frame it with warm paper and a restrained three-column caption beneath. Add a mist slider that changes the atmosphere. Respect reduced motion. Deliver responsive standalone offline HTML5 with inline CSS and JavaScript.

Original prompt · 092-aerogram.txt

Create an airy paper-airplane trajectory toy on cyan graph paper with bold italic sans-serif typography. Draw an original folded messenger from CSS polygons, a dashed ballistic flight arc and understated ground distance marks. Provide launch-angle and speed sliders, calculate idealized projectile range with g = 9.81 m/s², and animate the plane along the computed trajectory when launched. Lock settings during flight and give a static landed state for reduced motion. Clearly disclose that the model ignores lift and drag. Self-contained responsive offline HTML5 with inline CSS/JS.

Original prompt · 093-cellar-notes.txt

Design an elegant fictional wine archive on charcoal-plum with antique-gold accents. Present four individually labeled CSS wine bottles in a four-column collector's shelf, each with vintage, region, grape and a tasting-note action. Add red, white and rosé filters and a large literary serif heading. Selecting a bottle reveals its evocative fictional tasting note below. Keep it responsive, offline and fully self-contained HTML5 with inline CSS and JS.

Original prompt · 094-ribbon-rehearsal.txt

Create an immersive full-viewport interactive ribbon choreography on a near-black violet stage. Draw nine luminous lilac strands in inline canvas, following a pointer or an automatic graceful path. Overlay huge three-line serif poetry on the left, small stage metadata and glassy bottom controls. Offer lilac, ember and tidal palettes, pause/play and clear actions; respect reduced motion initially. Support touch and responsive screens, with no external assets or dependencies.

Refinement prompt

Seed a complete flowing ribbon before the first frame so the initial composition is visually rich. Separate drawing from motion so palette changes redraw correctly while paused. Respect reduced motion, update the pause state accessibly and use elapsed time for smooth animation.

Original prompt · 095-light-hour.txt

Build an architectural still-life light study in warm sand and honey. Show a softly shaded sphere, a small rectangular block, a window-shaped pool of sunlight and a long elliptical shadow in a wide room. Beneath, pair a poetic serif heading with a 06:00–18:00 sun slider that changes light position, shadow direction and length, sphere highlight and atmosphere. Clearly present it as an artistic study. Responsive standalone HTML5 with inline CSS/JS, no assets.

Original prompt · 096-magnetic-matter.txt

Create a bold interactive magnetic direction field in burnt orange, ochre and dark graphite. Use a narrow orange left control rail with dense sans-serif display text “Feel the pull.” and a huge pale-ochre canvas full of individually oriented short compass needles. Calculate the direction from a source/sink point-pole approximation, draw labeled poles, and allow pointer dragging of one pole. Include keyboard-accessible horizontal position and visual-strength sliders plus polarity reversal. Explain that this is a visual approximation. Responsive, high-DPI, fully inline offline HTML5.

Original prompt · 097-small-oracle.txt

Design a poetic reflection-card experience on a midnight-blue star-speckled table. Center an arched antique-gold outlined card, with faded tilted cards behind it, a large celestial typographic symbol, Roman numeral and widely spaced title. Add a reflective question and a draw button that flips to a different card from five original prompts. Make clear this is creative reflection, not prediction. Responsive standalone HTML5 with inline CSS/JS only.

Original prompt · 098-poolside-club.txt

Create a playful premium pool-club illustration viewed from above, in turquoise water, peach skin tones and sun-warmed cream tiles. Draw the whole scene in CSS: tiled pool, rippling water, a slowly swimming person, a pink inflatable ring, striped umbrella and two loungers. Use a centered retro serif headline and relaxed resort copy. Add swimming pace and freeze/resume controls, responsive layouts and reduced-motion support. Standalone offline HTML5 with inline CSS/JS.

Original prompt · 099-marginalia.txt

Create a warm analog writing desk with a cream lined-paper journal, a faint red margin rule, layered paper shadows, a small ink-colored object and an editorial sidebar. Provide a real distraction-free textarea, live word count, current date, rotating original writing prompts and a button to download the user's note as plain text. Clearly state that writing stays in the current tab until downloaded. Use system Georgia and Arial, responsive standalone offline HTML5, inline CSS and JavaScript only.

Original prompt · 100-organic-wave-lab.txt

Create the collection's closing artwork as an immersive organic wave laboratory. Fill a deep tidal-green viewport with eighteen translucent flowing canvas wave layers, blending teal, sage and luminous pale green. Overlay a large poetic serif headline at upper left and a frosted control dock near the bottom. Provide amplitude and flow-speed sliders, three ecosystem palettes and pause/play. Scale canvas for high-DPI and resize, respect reduced motion initially, and use only inline CSS/JavaScript in responsive offline HTML5.