Image Prompt & Brief Creator
Run ID: 69bca8a277c0421c0bf4a1442026-03-29Design
PantheraHive BOS
BOS Dashboard

Generate 10 professional AI image prompts, creative briefs, and visual direction specs

Workflow Execution: Image Prompt & Brief Creator

Theme: Test Image Theme

Style: Photorealistic

Use Cases: This is a test input for the Image Prompt & Brief Creator workflow. Please generate comprehensive output.

Overall Guidance for Image Generation

The following prompts and briefs are designed to generate high-quality, photorealistic images that explore various facets of the "Test Image Theme" in a diverse and engaging manner. The goal is to provide a comprehensive demonstration of AI image generation capabilities, focusing on detail, lighting, composition, and emotional resonance. Pay close attention to the visual direction specs for optimal results, ensuring each image feels authentic and grounded in reality.


Generated Prompts and Briefs

Here are 10 professional AI image prompts, creative briefs, and visual direction specs:


1. Image Prompt & Brief: "Quantum Test Chamber"

AI Image Prompt:

Photorealistic, ultra-high detail, a futuristic quantum testing chamber. A single, illuminated glass sphere containing shimmering, ethereal energy floats centrally, surrounded by complex holographic displays showing intricate data visualizations. Sleek, minimalist architecture, polished chrome surfaces, subtle reflections. Soft, cool blue and white ambient lighting emanating from the sphere and displays. Depth of field focused on the sphere, slight bokeh in the background. Cinematic, 8K, full-frame, sharp focus, volumetric light, intricate details.

Creative Brief:

  • Project Title: Quantum Test Chamber
  • Theme: Test Image Theme (specifically, testing advanced scientific principles)
  • Style: Photorealistic, Scientific Futurism
  • Use Cases/Purpose: To demonstrate cutting-edge scientific exploration and the beauty of abstract data visualization. This image serves as a comprehensive test of AI's ability to render complex scientific environments and subtle energy effects.
  • Target Audience: Science enthusiasts, technology companies, educational institutions, design agencies.
  • Key Message/Concept: The frontier of scientific discovery, precision, and the unseen forces of the universe.
  • Mood/Tone: Awe-inspiring, intelligent, sophisticated, clean, mysterious.
  • Specific Requirements: Focus on the interplay of light and shadow, and the intricate details of the holographic displays.

Visual Direction Specs:

  • Composition: Central focus on the floating energy sphere. Rule of thirds applied to the overall chamber layout. Low angle looking up slightly towards the sphere to emphasize its importance.
  • Lighting: Predominantly soft, cool blue and white ambient light. Primary light source is the glowing sphere and holographic panels. Subtle rim lighting on surrounding equipment. Volumetric light rays catching dust particles in the air.
  • Color Palette: Dominant cool blues, silvers, and whites, with touches of vibrant, ethereal purples and greens within the energy sphere and holograms.
  • Subject Details: The glass sphere must appear perfectly spherical and reflective. The energy within should have a translucent, glowing quality. Holograms should be legible and visually complex.
  • Background/Environment: Clean, minimalist laboratory architecture with subtle textures on walls and floor. Distant, blurred scientific equipment in the background.
  • Camera/Lens: Full-frame camera, 50mm prime lens, f/1.8 aperture for shallow depth of field. Slight wide-angle perspective to capture the grandeur.
  • Additional Notes: Ensure reflections on polished surfaces are realistic and contribute to the sense of depth.

2. Image Prompt & Brief: "Urban Resilience Test"

AI Image Prompt:

Photorealistic, hyper-detailed, a solitary, weathered dandelion pushing through a crack in a heavily textured, crumbling concrete sidewalk. Rain-slicked surface reflecting muted city lights in the distance. Gritty urban environment, subtle puddles. The dandelion is vibrantly green with a delicate yellow bloom, droplets of water clinging to its petals. Soft, overcast natural light, early evening. Shallow depth of field, focus on the dandelion. Cinematic, 8K, macro photography, natural textures, atmospheric.

Creative Brief:

  • Project Title: Urban Resilience Test
  • Theme: Test Image Theme (specifically, testing resilience and natural persistence in harsh environments)
  • Style: Photorealistic, Gritty Urban Nature
  • Use Cases/Purpose: To symbolize hope, endurance, and the triumph of nature in unexpected places. This image serves as a comprehensive test of AI's ability to render natural elements within a harsh urban setting with intricate detail and atmospheric mood.
  • Target Audience: Environmentalists, urban planners, artists, general public.
  • Key Message/Concept: Life finds a way; beauty in unexpected places; resilience.
  • Mood/Tone: Hopeful, resilient, poignant, realistic, slightly melancholic.
  • Specific Requirements: Emphasize the contrast between the delicate plant and the rough concrete. Water droplets should be highly realistic.

Visual Direction Specs:

  • Composition: Close-up, slightly off-center focus on the dandelion. The crack in the concrete should lead the eye towards the plant. Low perspective, almost ground level.
  • Lighting: Soft, diffused natural light from an overcast sky. Subtle reflections of distant urban lights on the wet pavement.
  • Color Palette: Muted grays and browns of the concrete, contrasting with the vibrant green and yellow of the dandelion. Reflective blues and oranges from distant lights.
  • Subject Details: Dandelion should be perfectly rendered, with visible veins on leaves and delicate petals. Concrete texture should show cracks, grit, and moss.
  • Background/Environment: Blurred background of a wet urban street, hinting at buildings and traffic lights without distracting from the main subject.
  • Camera/Lens: Macro lens (e.g., 100mm macro), f/2.8 aperture for shallow depth of field. Tripod shot for stability.
  • Additional Notes: Ensure the wetness of the concrete looks authentic, with realistic reflections and absorption.

3. Image Prompt & Brief: "Perception Test: The Vanishing Object"

AI Image Prompt:

Photorealistic, meticulously detailed, a perfectly still life arrangement on a polished dark wood table. A vintage brass compass, an aged leather-bound journal, a quill pen, and a single, intricately carved wooden bird. However, the bird is subtly semi-transparent, almost shimmering, as if on the verge of disappearing or appearing. A single, dramatic spotlight from above illuminates the scene, casting sharp shadows. Dark, moody background. Cinematic, 8K, studio lighting, hyper-realistic textures, optical illusion.

Creative Brief:

  • Project Title: Perception Test: The Vanishing Object
  • Theme: Test Image Theme (specifically, testing perception and the boundaries of reality)
  • Style: Photorealistic, Mystical Still Life
  • Use Cases/Purpose: To create an intriguing visual puzzle, challenging the viewer's perception. This image serves as a comprehensive test of AI's ability to render both tangible and ethereal elements within a single photorealistic scene.
  • Target Audience: Art lovers, puzzle enthusiasts, creative agencies, game developers.
  • Key Message/Concept: What is real? The illusion of reality; the unseen world.
  • Mood/Tone: Mysterious, intriguing, contemplative, artistic.
  • Specific Requirements: The semi-transparency of the bird must be convincing, not merely faded. Shadows should be consistent with the light source and the bird's translucency.

Visual Direction Specs:

  • Composition: Classic still life arrangement, slightly off-center to create visual interest. The bird should be a focal point, positioned among the other objects.
  • Lighting: Single, hard spotlight from directly above, creating strong contrast and sharp, defined shadows. The light should highlight textures.
  • Color Palette: Rich, warm tones of brass and aged leather, dark wood. Subtle, almost imperceptible glow from the bird.
  • Subject Details: Brass compass should show intricate details and slight patina. Journal should have visible texture on its cover. The wooden bird, despite its translucency, should show carved details.
  • Background/Environment: Completely dark, out-of-focus background to emphasize the still life.
  • Camera/Lens: Medium format digital camera, 85mm prime lens, f/4 aperture for sufficient depth of field across the objects.
  • Additional Notes: The effect of the vanishing bird should be subtle enough to require a second look, not immediately obvious.

4. Image Prompt & Brief: "Future of Transportation Test Run"

AI Image Prompt:

Photorealistic, high-resolution, a sleek, autonomous electric concept car silently gliding on a perfectly smooth, futuristic highway at dawn. The highway curves gently through a pristine, minimalist landscape of rolling hills and reflective solar panels. Soft, golden hour light illuminating the car's aerodynamic lines and casting long, crisp shadows. Distant, blurred cityscape on the horizon. High-tech, clean aesthetics. Cinematic, 8K, wide-angle, highly reflective surfaces, dynamic motion blur on background.

Creative Brief:

  • Project Title: Future of Transportation Test Run
  • Theme: Test Image Theme (specifically, testing innovative transportation and sustainable technology)
  • Style: Photorealistic, High-Tech Futurism
  • Use Cases/Purpose: To visualize a utopian future of sustainable transportation and advanced infrastructure. This image serves as a comprehensive test of AI's ability to render complex vehicles, futuristic environments, and dynamic lighting.
  • Target Audience: Automotive industry, technology companies, urban planners, environmental groups.
  • Key Message/Concept: Innovation, sustainability, progress, efficiency, seamless future.
  • Mood/Tone: Optimistic, serene, sophisticated, aspirational.
  • Specific Requirements: The car must look like a plausible, yet futuristic, design. Reflections on the car and highway should be accurate and sharp.

Visual Direction Specs:

  • Composition: Car slightly off-center, moving from left to right, following the curve of the road. Wide-angle shot to capture the expansive landscape and highway.
  • Lighting: Golden hour light from a low sun, creating warm hues and long, dramatic shadows. The car should be well-lit, with highlights emphasizing its curves.
  • Color Palette: Predominantly muted greens and blues of the landscape, warm golds and oranges from the sunrise, with the car in a sleek metallic silver or white.
  • Subject Details: The concept car should be impeccably designed, with smooth surfaces and minimal seams. The highway should appear incredibly smooth and reflective.
  • Background/Environment: Gently rolling hills, interspersed with highly reflective, modern solar panel arrays. A blurred, distant cityscape to provide context.
  • Camera/Lens: Wide-angle lens (e.g., 24mm), f/5.6 aperture for good depth of field, with slight motion blur applied to the background to convey speed.
  • Additional Notes: Ensure the reflections on the car's body accurately depict the environment and sky.

5. Image Prompt & Brief: "Culinary Experiment: Deconstructed Dessert"

AI Image Prompt:

Photorealistic, studio quality, a deconstructed gourmet dessert presented on a minimalist white ceramic plate. Elements include: a perfectly spherical raspberry sorbet quenelle, delicate shards of dark chocolate, vibrant green pistachio dust, a single edible flower (pansy), and a swirl of rich vanilla bean créme anglaise. The dish is artfully arranged with precision. Overhead, soft, diffused studio lighting. Dark, out-of-focus background. 8K, food photography, extremely sharp focus, appealing textures.

Creative Brief:

  • Project Title: Culinary Experiment: Deconstructed Dessert
  • Theme: Test Image Theme (specifically, testing culinary innovation and aesthetic presentation)
  • Style: Photorealistic, Gourmet Food Photography
  • Use Cases/Purpose: To showcase high-end culinary artistry and inspire gastronomic creativity. This image serves as a comprehensive test of AI's ability to render complex food textures, delicate details, and appealing plating.
  • Target Audience: Food bloggers, chefs, restaurant owners, culinary magazines, foodies.
  • Key Message/Concept: Culinary excellence, artistic presentation, sensory delight.
  • Mood/Tone: Elegant, sophisticated, appetizing, precise, luxurious.
  • Specific Requirements: Each element must look fresh, vibrant, and perfectly textured. The sorbet should have a slight frosty sheen.

Visual Direction Specs:

  • Composition: Overhead shot (flat lay) or slightly elevated angle, with the plate centered or slightly off-center for dynamic balance. Emphasis on negative space around the dish.
  • Lighting: Soft, even, diffused studio lighting from above and slightly to the side to minimize harsh shadows and highlight textures.
  • Color Palette: Contrasting colors: deep red of raspberry, dark brown of chocolate, bright green of pistachio, creamy white of créme anglaise, and the delicate hues of the edible flower.
  • Subject Details: Sorbet should appear icy and smooth. Chocolate shards should have sharp edges and a glossy sheen. Pistachio dust should look finely ground.
  • Background/Environment: Simple, dark, out-of-focus background to make the dessert pop. A subtle texture on the surface beneath the plate is acceptable.
  • Camera/Lens: Medium format digital camera, 100mm macro lens, f/5.6 aperture for sharp focus across the entire dish.
  • Additional Notes: Ensure the créme anglaise has a natural, viscous flow and the vanilla bean specks are visible.

6. Image Prompt & Brief: "Architectural Stress Test"

AI Image Prompt:

Photorealistic, highly detailed, a monolithic, brutalist concrete building standing strong against a dramatic, stormy sky with lightning striking in the distance. Rain streaks visible, wind-blown trees in the foreground. The building shows subtle signs of age and wear but remains imposing. Dark, ominous clouds dominate the sky. Dramatic, high-contrast lighting from the distant lightning flashes and muted natural light. Cinematic, 8K, wide-angle, epic scale, weather effects, raw textures.

Creative Brief:

  • Project Title: Architectural Stress Test
  • Theme: Test Image Theme (specifically, testing architectural endurance and the power of nature)
  • Style: Photorealistic, Dramatic Brutalism
  • Use Cases/Purpose: To evoke a sense of strength, resilience, and the sublime power of nature against human constructs. This image serves as a comprehensive test of AI's ability to render complex architectural forms, dynamic weather, and atmospheric effects.
  • Target Audience: Architects, engineers, photographers, disaster preparedness organizations, artists.
  • Key Message/Concept: Endurance, power, confrontation of nature and man-made structures.
  • Mood/Tone: Intense, dramatic, powerful, imposing, awe-inspiring.
  • Specific Requirements: The lightning strike should be visually impactful and realistic. Rain should add to the atmosphere without obscuring the building.

Visual Direction Specs:

  • Composition: Low-angle shot looking up at the imposing building, emphasizing its scale. The building should dominate the frame, with the stormy sky as a dramatic backdrop.
  • Lighting: Dramatic, high-contrast lighting. Muted ambient light from the overcast sky, with periodic bright flashes from distant lightning illuminating parts of the building and clouds.
  • Color Palette: Predominantly grays and dark blues of the concrete and storm clouds, with stark white and purple flashes from the lightning. Green hints from wind-blown trees.
  • Subject Details: The brutalist building should have visible concrete textures, perhaps subtle water streaks or moss. Trees in the foreground should appear wind-swept.
  • Background/Environment: A vast, turbulent sky filled with dark, heavy storm clouds. A distant, subtle lightning strike should be visible, illuminating the clouds.
  • Camera/Lens: Wide-angle lens (e.g., 20mm), f/8 aperture for deep depth of field across the building and sky.
  • Additional Notes: Ensure the rain streaks are convincing and the overall atmosphere feels genuinely stormy and intense.

7. Image Prompt & Brief: "Digital Interface Test"

AI Image Prompt:

Photorealistic, extreme close-up of a human eye (pupil, iris, sclera, fine wrinkles) reflecting a complex, glowing digital user interface. The UI is composed of intricate data graphs, flowing code, and subtle holographic elements, all in shades of blue and green. The reflection in the eye is perfectly sharp and detailed. Skin texture around the eye is impeccable. Soft, ambient light illuminating the face, with the UI being the primary light source in the reflection. 8K, macro photography, biometric detail, technological.

Creative Brief:

  • Project Title: Digital Interface Test
  • Theme: Test Image Theme (specifically, testing human-computer interaction and biometric detail)
  • Style: Photorealistic, Bio-Technological
  • Use Cases/Purpose: To explore the intersection of human biology and advanced digital technology. This image serves as a comprehensive test of AI's ability to render extremely fine details of the human body and complex digital interfaces simultaneously.
  • Target Audience: UI/UX designers, AI researchers, sci-fi enthusiasts, medical technology companies.
  • Key Message/Concept: The future of human-computer interaction, biometric authentication, digital immersion.
  • Mood/Tone: Intriguing, futuristic, precise, slightly mysterious.
  • Specific Requirements: The reflection in the eye must be perfectly aligned and distorted realistically. Skin texture and iris details must be hyper-realistic.

Visual Direction Specs:

  • Composition: Extreme close-up, focusing entirely on one eye. The pupil should be central, with the UI reflection clearly visible within the iris and pupil.
  • Lighting: Soft, natural ambient light on the skin around the eye. The primary light source for the reflection is the glowing digital UI itself, providing subtle illumination within the eye.
  • Color Palette: Dominant blues and greens for the digital UI, contrasting with the natural colors of the human eye (brown, blue, green iris, white sclera, skin tones).
  • Subject Details: Every detail of the eye should be visible: individual eyelashes, fine lines around the eye, unique patterns in the iris, tiny blood vessels in the sclera. The reflected UI should be sharp enough to discern individual elements.
  • Background/Environment: Completely blurred, dark background to keep all focus on the eye.
  • Camera/Lens: Macro lens (e.g., 100mm macro), f/4 aperture for sharp focus on both the eye and the reflection.
  • Additional Notes: The reflected UI should appear to recede into the eye, giving a sense of depth and realism to the reflection.

8. Image Prompt & Brief: "Vintage Camera Lens Test"

AI Image Prompt:

Photorealistic, detailed, a pristine, vintage film camera (e.g., Leica M3 or Hasselblad 500C) sitting on a worn wooden workbench, illuminated by a single, focused beam of sunlight coming through a dusty window. Dust motes visible in the light beam. The camera's lens is perfectly clean and reflective, capturing a miniature, distorted reflection of the window and the outside world. Tools and aged film canisters are scattered around the workbench in soft focus. Warm, nostalgic atmosphere. 8K, still life, chiaroscuro, tactile textures.

Creative Brief:

  • Project Title: Vintage Camera Lens Test
  • Theme: Test Image Theme (specifically, testing the beauty of vintage technology and optical precision)
  • Style: Photorealistic, Nostalgic Still Life
  • Use Cases/Purpose: To celebrate the craftsmanship of vintage photography equipment and the magic of optics. This image serves as a comprehensive test of AI's ability to render intricate mechanical details, varied textures, and complex lighting.
  • Target Audience: Photographers, vintage collectors, artists, design enthusiasts.
  • Key Message/Concept: Craftsmanship, heritage, precision, the art of observation.
  • Mood/Tone: Nostalgic, warm, contemplative, authentic.
  • Specific Requirements: The camera model should be recognizable and accurately rendered. The reflection in the lens must be convincing.

Visual Direction Specs:

  • Composition: Camera positioned slightly off-center on the workbench, with the sunlight beam diagonally crossing the scene. Tools and canisters act as supporting elements.
  • Lighting: Strong, directional sunlight beam from a window, creating dramatic highlights and shadows (chiaroscuro). Dust motes should be clearly visible in the light.
  • Color Palette: Warm browns of wood, metallic silvers/blacks of the camera, subtle hues of aged paper/film canisters. Golden light.
  • Subject Details: Camera details like dials, engravings, and lens elements should be sharp. The wooden workbench should show grain and wear.
  • Background/Environment: Blurred background of a workshop, hinting at more tools or shelves without distracting. The dusty window providing the light source is key.
  • Camera/Lens: Full-frame camera, 50mm prime lens, f/2.8 aperture for shallow depth of field, emphasizing the camera.
  • Additional Notes: Ensure the reflection in the lens is slightly distorted but clearly shows elements of the window and outside.

9. Image Prompt & Brief: "Biodiversity Test: Submerged Coral Garden"

AI Image Prompt:

Photorealistic, vibrant, an underwater scene of a thriving, colorful coral reef. Numerous species of coral (e.g., brain coral, staghorn, fan coral) in various textures and hues. Small, brightly colored tropical fish (e.g., clownfish, damselfish) swim among the coral. Crystal clear turquoise water, with sunlight dappling through the surface, creating captivating caustic patterns on the reef. Soft focus on distant water, sharp focus on foreground coral. 8K, underwater photography, intricate ecosystem, dynamic light.

Creative Brief:

  • Project Title: Biodiversity Test: Submerged Coral Garden
  • Theme: Test Image Theme (specifically, testing the complexity of natural ecosystems and biodiversity)
  • Style: Photorealistic, Underwater Nature
  • Use Cases/Purpose: To highlight the beauty and fragility of marine ecosystems and promote conservation. This image serves as a comprehensive test of AI's ability to render complex natural forms, vibrant colors, and dynamic underwater lighting effects.
  • Target Audience: Marine biologists, environmental organizations, travel agencies, nature enthusiasts.
  • Key Message/Concept: Natural beauty, biodiversity, ecological health, wonder of the ocean.
  • Mood/Tone: Serene, vibrant, awe-inspiring, peaceful.
  • Specific Requirements: The coral should look alive and healthy. Fish species should be identifiable and naturally interacting with the environment. Caustic light patterns are crucial.

Visual Direction Specs:

  • Composition: Wide-angle view of the coral reef, with a prominent coral formation in the foreground. Fish should be scattered naturally throughout the scene.
  • Lighting: Natural sunlight filtering through the water surface, creating distinct caustic light patterns that dance across the coral. Overall bright, even illumination.
  • Color Palette: Rich, diverse array of blues, greens, oranges, yellows, and purples from the coral and fish. Turquoise water.
  • Subject Details: Each coral type should have distinct textures and shapes. Fish should have realistic scales and fin movements.
  • Background/Environment: Clear blue water receding into a gentle blur, with perhaps a hint of a larger rock formation or distant reef.
  • Camera/Lens: Underwater camera housing, wide-angle fisheye lens, f/4 aperture for good depth of field, with fast shutter speed to capture fish movement.
  • Additional Notes: Ensure the water clarity is perfect and the light refractions are scientifically accurate.

10. Image Prompt & Brief: "Astronaut's Field Test"

AI Image Prompt:

Photorealistic, epic scale, a lone astronaut in a highly detailed, modern spacesuit standing on the desolate, rocky surface of Mars. In the distance, a highly advanced, modular habitat structure is being assembled, with robotic arms extending from it. The red Martian landscape is vast and rugged, under a deep blue-black sky with Earth visible as a small, distant blue marble. Harsh, direct sunlight casting sharp, long shadows. 8K, space photography, sci-fi exploration, panoramic view, dramatic atmosphere.

Creative Brief:

  • Project Title: Astronaut's Field Test
  • Theme: Test Image Theme (specifically, testing human endurance and technological advancement in space exploration)
  • Style: Photorealistic, Space Exploration
  • Use Cases/Purpose: To inspire wonder about space travel, future colonization, and human ingenuity. This image serves as a comprehensive test of AI's ability to render alien landscapes, complex technology, and the isolation of space.
  • Target Audience: Space agencies, aerospace companies, sci-fi enthusiasts, educational institutions, general public.
  • Key Message/Concept: The future of humanity in space, exploration, resilience, the vastness of the cosmos.
  • Mood/Tone: Awe-inspiring, solitary, adventurous, hopeful, grand.
  • Specific Requirements: The spacesuit should look functional and realistic. The Martian landscape should feel authentically alien. Earth should be a recognizable, distant speck.

Visual Direction Specs:

  • Composition: Astronaut slightly off-center, facing towards the distant habitat. Wide-angle, panoramic view to emphasize the vastness of Mars. Low horizon line to maximize sky presence.
  • Lighting: Harsh, direct sunlight from a high sun, creating sharp, well-defined shadows on the astronaut and landscape. No atmospheric scattering of light.
  • Color Palette: Dominant reds, oranges, and browns of the Martian surface, contrasting with the deep blue-black of space. The habitat should have metallic grays and whites. Earth as a blue and white dot.
  • Subject Details: Spacesuit should show realistic textures, reflections on the visor, and functional details. Robotic arms on the habitat should appear complex and purposeful.
  • Background/Environment: Rugged, cratered Martian terrain in the foreground and mid-ground. A clear, star-speckled, deep blue-black sky. Distant Earth.
  • Camera/Lens: Ultra-wide-angle lens (e.g., 14mm), f/11 aperture for maximum depth of field across the vast landscape.
  • Additional Notes: Ensure the shadows are perfectly sharp and the scale of the landscape is convincing. The astronaut should feel small against the vastness.

image_prompt___brief_creator.md
Download as Markdown
Copy all content
Full output as text
Download ZIP
IDE-ready project ZIP
Copy share link
Permanent URL for this run
Get Embed Code
Embed this result on any website
Print / Save PDF
Use browser print dialog
\n\n\n"); var hasSrcMain=Object.keys(extracted).some(function(k){return k.indexOf("src/main")>=0;}); if(!hasSrcMain) zip.file(folder+"src/main."+ext,"import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport App from './App'\nimport './index.css'\n\nReactDOM.createRoot(document.getElementById('root')!).render(\n \n \n \n)\n"); var hasSrcApp=Object.keys(extracted).some(function(k){return k==="src/App."+ext||k==="App."+ext;}); if(!hasSrcApp) zip.file(folder+"src/App."+ext,"import React from 'react'\nimport './App.css'\n\nfunction App(){\n return(\n
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n
\n )\n}\nexport default App\n"); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e}\n.app{min-height:100vh;display:flex;flex-direction:column}\n.app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px}\nh1{font-size:2.5rem;font-weight:700}\n"); zip.file(folder+"src/App.css",""); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/pages/.gitkeep",""); zip.file(folder+"src/hooks/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\n## Open in IDE\nOpen the project folder in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- Vue (Vite + Composition API + TypeScript) --- */ function buildVue(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "type": "module",\n "scripts": {\n "dev": "vite",\n "build": "vue-tsc -b && vite build",\n "preview": "vite preview"\n },\n "dependencies": {\n "vue": "^3.5.13",\n "vue-router": "^4.4.5",\n "pinia": "^2.3.0",\n "axios": "^1.7.9"\n },\n "devDependencies": {\n "@vitejs/plugin-vue": "^5.2.1",\n "typescript": "~5.7.3",\n "vite": "^6.0.5",\n "vue-tsc": "^2.2.0"\n }\n}\n'); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite'\nimport vue from '@vitejs/plugin-vue'\nimport { resolve } from 'path'\n\nexport default defineConfig({\n plugins: [vue()],\n resolve: { alias: { '@': resolve(__dirname,'src') } }\n})\n"); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]}\n'); zip.file(folder+"tsconfig.app.json",'{\n "compilerOptions":{\n "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"],\n "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true,\n "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue",\n "strict":true,"paths":{"@/*":["./src/*"]}\n },\n "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"]\n}\n'); zip.file(folder+"env.d.ts","/// \n"); zip.file(folder+"index.html","\n\n\n \n \n "+slugTitle(pn)+"\n\n\n
\n \n\n\n"); var hasMain=Object.keys(extracted).some(function(k){return k==="src/main.ts"||k==="main.ts";}); if(!hasMain) zip.file(folder+"src/main.ts","import { createApp } from 'vue'\nimport { createPinia } from 'pinia'\nimport App from './App.vue'\nimport './assets/main.css'\n\nconst app = createApp(App)\napp.use(createPinia())\napp.mount('#app')\n"); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue","\n\n\n\n\n"); zip.file(folder+"src/assets/main.css","*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#fff;color:#213547}\n"); zip.file(folder+"src/components/.gitkeep",""); zip.file(folder+"src/views/.gitkeep",""); zip.file(folder+"src/stores/.gitkeep",""); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nnpm run dev\n\`\`\`\n\n## Build\n\`\`\`bash\nnpm run build\n\`\`\`\n\nOpen in VS Code or WebStorm.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n"); } /* --- Angular (v19 standalone) --- */ function buildAngular(zip,folder,app,code,panelTxt){ var pn=pkgName(app); var C=cc(pn); var sel=pn.replace(/_/g,"-"); var extracted=extractCode(panelTxt); zip.file(folder+"package.json",'{\n "name": "'+pn+'",\n "version": "0.0.0",\n "scripts": {\n "ng": "ng",\n "start": "ng serve",\n "build": "ng build",\n "test": "ng test"\n },\n "dependencies": {\n "@angular/animations": "^19.0.0",\n "@angular/common": "^19.0.0",\n "@angular/compiler": "^19.0.0",\n "@angular/core": "^19.0.0",\n "@angular/forms": "^19.0.0",\n "@angular/platform-browser": "^19.0.0",\n "@angular/platform-browser-dynamic": "^19.0.0",\n "@angular/router": "^19.0.0",\n "rxjs": "~7.8.0",\n "tslib": "^2.3.0",\n "zone.js": "~0.15.0"\n },\n "devDependencies": {\n "@angular-devkit/build-angular": "^19.0.0",\n "@angular/cli": "^19.0.0",\n "@angular/compiler-cli": "^19.0.0",\n "typescript": "~5.6.0"\n }\n}\n'); zip.file(folder+"angular.json",'{\n "$schema": "./node_modules/@angular/cli/lib/config/schema.json",\n "version": 1,\n "newProjectRoot": "projects",\n "projects": {\n "'+pn+'": {\n "projectType": "application",\n "root": "",\n "sourceRoot": "src",\n "prefix": "app",\n "architect": {\n "build": {\n "builder": "@angular-devkit/build-angular:application",\n "options": {\n "outputPath": "dist/'+pn+'",\n "index": "src/index.html",\n "browser": "src/main.ts",\n "tsConfig": "tsconfig.app.json",\n "styles": ["src/styles.css"],\n "scripts": []\n }\n },\n "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"}\n }\n }\n }\n}\n'); zip.file(folder+"tsconfig.json",'{\n "compileOnSave": false,\n "compilerOptions": {"baseUrl":"./","outDir":"./dist/out-tsc","forceConsistentCasingInFileNames":true,"strict":true,"noImplicitOverride":true,"noPropertyAccessFromIndexSignature":true,"noImplicitReturns":true,"noFallthroughCasesInSwitch":true,"paths":{"@/*":["src/*"]},"skipLibCheck":true,"esModuleInterop":true,"sourceMap":true,"declaration":false,"experimentalDecorators":true,"moduleResolution":"bundler","importHelpers":true,"target":"ES2022","module":"ES2022","useDefineForClassFields":false,"lib":["ES2022","dom"]},\n "references":[{"path":"./tsconfig.app.json"}]\n}\n'); zip.file(folder+"tsconfig.app.json",'{\n "extends":"./tsconfig.json",\n "compilerOptions":{"outDir":"./dist/out-tsc","types":[]},\n "files":["src/main.ts"],\n "include":["src/**/*.d.ts"]\n}\n'); zip.file(folder+"src/index.html","\n\n\n \n "+slugTitle(pn)+"\n \n \n \n\n\n \n\n\n"); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser';\nimport { appConfig } from './app/app.config';\nimport { AppComponent } from './app/app.component';\n\nbootstrapApplication(AppComponent, appConfig)\n .catch(err => console.error(err));\n"); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; }\nbody { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; }\n"); var hasComp=Object.keys(extracted).some(function(k){return k.indexOf("app.component")>=0;}); if(!hasComp){ zip.file(folder+"src/app/app.component.ts","import { Component } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\n\n@Component({\n selector: 'app-root',\n standalone: true,\n imports: [RouterOutlet],\n templateUrl: './app.component.html',\n styleUrl: './app.component.css'\n})\nexport class AppComponent {\n title = '"+pn+"';\n}\n"); zip.file(folder+"src/app/app.component.html","
\n
\n

"+slugTitle(pn)+"

\n

Built with PantheraHive BOS

\n
\n \n
\n"); zip.file(folder+"src/app/app.component.css",".app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}h1{font-size:2.5rem;font-weight:700;color:#6366f1}\n"); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';\nimport { provideRouter } from '@angular/router';\nimport { routes } from './app.routes';\n\nexport const appConfig: ApplicationConfig = {\n providers: [\n provideZoneChangeDetection({ eventCoalescing: true }),\n provideRouter(routes)\n ]\n};\n"); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router';\n\nexport const routes: Routes = [];\n"); Object.keys(extracted).forEach(function(p){ var fp=p.startsWith("src/")?p:"src/"+p; zip.file(folder+fp,extracted[p]); }); zip.file(folder+"README.md","# "+slugTitle(pn)+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\nng serve\n# or: npm start\n\`\`\`\n\n## Build\n\`\`\`bash\nng build\n\`\`\`\n\nOpen in VS Code with Angular Language Service extension.\n"); zip.file(folder+".gitignore","node_modules/\ndist/\n.env\n.DS_Store\n*.local\n.angular/\n"); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/m,"").trim(); var reqMap={"numpy":"numpy","pandas":"pandas","sklearn":"scikit-learn","tensorflow":"tensorflow","torch":"torch","flask":"flask","fastapi":"fastapi","uvicorn":"uvicorn","requests":"requests","sqlalchemy":"sqlalchemy","pydantic":"pydantic","dotenv":"python-dotenv","PIL":"Pillow","cv2":"opencv-python","matplotlib":"matplotlib","seaborn":"seaborn","scipy":"scipy"}; var reqs=[]; Object.keys(reqMap).forEach(function(k){if(src.indexOf("import "+k)>=0||src.indexOf("from "+k)>=0)reqs.push(reqMap[k]);}); var reqsTxt=reqs.length?reqs.join("\n"):"# add dependencies here\n"; zip.file(folder+"main.py",src||"# "+title+"\n# Generated by PantheraHive BOS\n\nprint(title+\" loaded\")\n"); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\npython3 -m venv .venv\nsource .venv/bin/activate\npip install -r requirements.txt\n\`\`\`\n\n## Run\n\`\`\`bash\npython main.py\n\`\`\`\n"); zip.file(folder+".gitignore",".venv/\n__pycache__/\n*.pyc\n.env\n.DS_Store\n"); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^\`\`\`[\w]*\n?/m,"").replace(/\n?\`\`\`$/m,"").trim(); var depMap={"mongoose":"^8.0.0","dotenv":"^16.4.5","axios":"^1.7.9","cors":"^2.8.5","bcryptjs":"^2.4.3","jsonwebtoken":"^9.0.2","socket.io":"^4.7.4","uuid":"^9.0.1","zod":"^3.22.4","express":"^4.18.2"}; var deps={}; Object.keys(depMap).forEach(function(k){if(src.indexOf(k)>=0)deps[k]=depMap[k];}); if(!deps["express"])deps["express"]="^4.18.2"; var pkgJson=JSON.stringify({"name":pn,"version":"1.0.0","main":"src/index.js","scripts":{"start":"node src/index.js","dev":"nodemon src/index.js"},"dependencies":deps,"devDependencies":{"nodemon":"^3.0.3"}},null,2)+"\n"; zip.file(folder+"package.json",pkgJson); var fallback="const express=require(\"express\");\nconst app=express();\napp.use(express.json());\n\napp.get(\"/\",(req,res)=>{\n res.json({message:\""+title+" API\"});\n});\n\nconst PORT=process.env.PORT||3000;\napp.listen(PORT,()=>console.log(\"Server on port \"+PORT));\n"; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000\n"); zip.file(folder+".gitignore","node_modules/\n.env\n.DS_Store\n"); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Setup\n\`\`\`bash\nnpm install\n\`\`\`\n\n## Run\n\`\`\`bash\nnpm run dev\n\`\`\`\n"); } /* --- Vanilla HTML --- */ function buildVanillaHtml(zip,folder,app,code){ var title=slugTitle(app); var isFullDoc=code.trim().toLowerCase().indexOf("=0||code.trim().toLowerCase().indexOf("=0; var indexHtml=isFullDoc?code:"\n\n\n\n\n"+title+"\n\n\n\n"+code+"\n\n\n\n"; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" — styles */\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e}\n"); zip.file(folder+"script.js","/* "+title+" — scripts */\n"); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\n## Open\nDouble-click \`index.html\` in your browser.\n\nOr serve locally:\n\`\`\`bash\nnpx serve .\n# or\npython3 -m http.server 3000\n\`\`\`\n"); zip.file(folder+".gitignore",".DS_Store\nnode_modules/\n.env\n"); } /* ===== MAIN ===== */ var sc=document.createElement("script"); sc.src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"; sc.onerror=function(){ if(lbl)lbl.textContent="Download ZIP"; alert("JSZip load failed — check connection."); }; sc.onload=function(){ var zip=new JSZip(); var base=(_phFname||"output").replace(/\.[^.]+$/,""); var app=base.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_+|_+$/g,"")||"my_app"; var folder=app+"/"; var vc=document.getElementById("panel-content"); var panelTxt=vc?(vc.innerText||vc.textContent||""):""; var lang=detectLang(_phCode,panelTxt); if(_phIsHtml){ buildVanillaHtml(zip,folder,app,_phCode); } else if(lang==="flutter"){ buildFlutter(zip,folder,app,_phCode,panelTxt); } else if(lang==="react-native"){ buildReactNative(zip,folder,app,_phCode,panelTxt); } else if(lang==="swift"){ buildSwift(zip,folder,app,_phCode,panelTxt); } else if(lang==="kotlin"){ buildKotlin(zip,folder,app,_phCode,panelTxt); } else if(lang==="react"){ buildReact(zip,folder,app,_phCode,panelTxt); } else if(lang==="vue"){ buildVue(zip,folder,app,_phCode,panelTxt); } else if(lang==="angular"){ buildAngular(zip,folder,app,_phCode,panelTxt); } else if(lang==="python"){ buildPython(zip,folder,app,_phCode); } else if(lang==="node"){ buildNode(zip,folder,app,_phCode); } else { /* Document/content workflow */ var title=app.replace(/_/g," "); var md=_phAll||_phCode||panelTxt||"No content"; zip.file(folder+app+".md",md); var h=""+title+""; h+="

"+title+"

"; var hc=md.replace(/&/g,"&").replace(//g,">"); hc=hc.replace(/^### (.+)$/gm,"

$1

"); hc=hc.replace(/^## (.+)$/gm,"

$1

"); hc=hc.replace(/^# (.+)$/gm,"

$1

"); hc=hc.replace(/\*\*(.+?)\*\*/g,"$1"); hc=hc.replace(/\n{2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+"\n\nGenerated by PantheraHive BOS.\n\nFiles:\n- "+app+".md (Markdown)\n- "+app+".html (styled HTML)\n"); } zip.generateAsync({type:"blob"}).then(function(blob){ var a=document.createElement("a"); a.href=URL.createObjectURL(blob); a.download=app+".zip"; a.click(); URL.revokeObjectURL(a.href); if(lbl)lbl.textContent="Download ZIP"; }); }; document.head.appendChild(sc); } function phShare(){navigator.clipboard.writeText(window.location.href).then(function(){var el=document.getElementById("ph-share-lbl");if(el){el.textContent="Link copied!";setTimeout(function(){el.textContent="Copy share link";},2500);}});}function phEmbed(){var runId=window.location.pathname.split("/").pop().replace(".html","");var embedUrl="https://pantherahive.com/embed/"+runId;var code='';navigator.clipboard.writeText(code).then(function(){var el=document.getElementById("ph-embed-lbl");if(el){el.textContent="Embed code copied!";setTimeout(function(){el.textContent="Get Embed Code";},2500);}});}