Image Prompt & Brief Creator
Run ID: 69cc75573e7fb09ff16a20732026-04-01Design
PantheraHive BOS
BOS Dashboard

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

Image Prompt & Brief Creator: Detailed Professional Output

Here are 10 professional AI image prompt sets, each including a detailed AI image prompt, a creative brief, and comprehensive visual direction specifications. These are designed for high-quality generation and clear communication of creative intent.


Prompt Set 1: "The Urban Alchemist's Workshop"

1. AI Image Prompt:

A dimly lit, atmospheric, hyperrealistic shot of an old-world alchemist's workshop re-imagined in a grimy, futuristic cyberpunk city. Intricate glass beakers glow with neon liquids, holographic schematics float above a workbench cluttered with antique tools and circuit boards. Steam rises from bubbling concoctions. A lone figure, silhouetted, works diligently. Volumetric lighting, deep shadows, gritty textures, high detail, 8k, cinematic, ultra-wide angle, shallow depth of field, dramatic contrast, --ar 16:9 --style raw

2. Creative Brief:

This image aims to bridge the gap between ancient mysticism and cutting-edge technology, creating a sense of wonder and gritty determination. It targets an audience fascinated by cyberpunk, fantasy, and steampunk aesthetics, evoking a feeling of secret knowledge, arduous work, and the pursuit of the impossible in a dystopian future. The emotional impact should be one of intrigue, mystery, and a touch of melancholy.

3. Visual Direction Specifications:

  • Subject: An alchemist's workshop, blending antique alchemical apparatus with futuristic technology (holographic displays, neon lights, circuit boards). A silhouetted figure engaged in work.
  • Style/Genre: Cyberpunk, Steampunk, Dark Fantasy, Hyperrealism.
  • Composition: Ultra-wide shot, slightly low angle, emphasizing the cluttered yet organized chaos of the workshop. Rule of thirds for the figure.
  • Lighting: Predominantly volumetric, low-key lighting with strong contrast. Key light sources are glowing liquids, holographic projections, and subtle neon strips. Deep shadows are crucial.
  • Color Palette: Dominant dark blues, purples, and greens, punctuated by vibrant neon accents (electric blue, radioactive green, deep orange) from the liquids and holograms. Metallic grays and browns for the workshop elements.
  • Mood/Atmosphere: Mysterious, intense, industrious, slightly dystopian, magical, gritty.
  • Camera Angle/Perspective: Slightly low-angle wide shot, looking into the workshop from an observer's perspective.
  • Resolution/Aspect Ratio (Suggested): 8K, 16:9 for a cinematic feel.
  • Key Details/Notes: Emphasize intricate details on both antique and futuristic elements. Steam and subtle particle effects. Focus on reflections and refractions in glass.

Prompt Set 2: "Serene Arctic Meditation"

1. AI Image Prompt:

A minimalist, ethereal, wide-angle shot of a lone human figure meditating peacefully on a pristine, ancient ice floe in the middle of a vast, calm arctic ocean. The sky above is a breathtaking aurora borealis in soft pastel greens and purples. The ice is sculpted by wind and time. Soft, diffused natural light, ultra-clear water reflections, sense of immense scale, tranquility, high detail, 4k, photographic, clean aesthetic, --ar 21:9 --v 5.2

2. Creative Brief:

This image aims to convey profound peace, isolation, and connection with nature in an extreme environment. It's for an audience seeking inspiration in mindfulness, natural beauty, and the power of solitude. The desired emotional impact is one of serene awe, calm, and a deep sense of presence.

3. Visual Direction Specifications:

  • Subject: A single human figure in a simple, dark outfit, meditating on an ice floe. Vast arctic landscape, aurora borealis.
  • Style/Genre: Minimalism, Landscape Photography, Nature, Ethereal.
  • Composition: Wide-angle shot, figure small in the frame to emphasize scale. Horizon line low. Strong symmetry between sky and water/ice reflections.
  • Lighting: Soft, diffused natural light from the aurora and a low sun below the horizon. Emphasize the glow of the aurora on the ice and water.
  • Color Palette: Predominantly cool tones: whites, light blues, soft greens, and purples from the aurora. Dark accents from the figure and the deep ocean.
  • Mood/Atmosphere: Peaceful, tranquil, spiritual, awe-inspiring, isolated, introspective.
  • Camera Angle/Perspective: Eye-level or slightly elevated wide shot, capturing the vastness.
  • Resolution/Aspect Ratio (Suggested): 4K, 21:9 (cinematic widescreen).
  • Key Details/Notes: The ice floe should have natural, organic shapes. Water should be perfectly still for clear reflections. Avoid any harsh lines or elements; maintain a smooth, flowing aesthetic.

Prompt Set 3: "Neo-Victorian Street Bazaar"

1. AI Image Prompt:

A bustling, richly detailed, hyperrealistic scene of a vibrant Neo-Victorian street bazaar at dusk. Ornate gas lamps cast warm glow on diverse crowd in steampunk attire. Airships float silently overhead against a twilight sky. Stalls overflow with intricate clockwork devices, exotic spices, and peculiar curiosities. Cobblestone streets are wet from a recent rain, reflecting the lights. Dynamic composition, deep focus, intricate patterns, atmospheric, 8k, cinematic, --ar 3:2

2. Creative Brief:

This image aims to transport the viewer to an imagined past where technology and Victorian elegance intertwine. It targets enthusiasts of steampunk, historical fantasy, and intricate world-building, evoking a sense of nostalgic wonder, lively energy, and romantic adventure. The emotional impact should be one of delightful sensory overload and immersive escapism.

3. Visual Direction Specifications:

  • Subject: A lively street bazaar populated by people in ornate steampunk fashion. Stalls filled with unique goods. Airships in the sky.
  • Style/Genre: Steampunk, Neo-Victorian, Historical Fantasy, Hyperrealism.
  • Composition: Dynamic, busy street scene with multiple points of interest. Deep focus to show detail throughout. Use leading lines from the street and stalls.
  • Lighting: Warm, golden glow from gas lamps, contrasting with the cool blue and purple twilight sky. Reflections on wet cobblestones are crucial for atmosphere.
  • Color Palette: Rich browns, brassy golds, deep reds, emerald greens, and dark blues. Accents of vibrant jewel tones from fabrics and exotic goods.
  • Mood/Atmosphere: Bustling, enchanting, mysterious, warm, adventurous, nostalgic.
  • Camera Angle/Perspective: Slightly elevated eye-level, looking down into the street to capture the crowd and stalls effectively.
  • Resolution/Aspect Ratio (Suggested): 8K, 3:2 for a classic photographic feel.
  • Key Details/Notes: Emphasize textures: polished brass, worn leather, intricate lace, wet stone. Each character should have unique, detailed attire. Subtle steam or fog effects.

Prompt Set 4: "Abstract Digital Flora"

1. AI Image Prompt:

A stunning, abstract, generative art piece depicting a futuristic, bioluminescent digital garden. Intricate, fractal-like floral structures glow with soft, shifting gradients of electric blues, purples, and greens. The forms are organic yet clearly algorithmic, emerging from a dark, nebulous background. Smooth curves, delicate tendrils, ethereal light, high resolution, 4k, artstation, volumetric light, depth of field, --ar 1:1 --s 750

2. Creative Brief:

This image explores the intersection of nature and digital creation, offering a visually captivating and calming experience. It's aimed at audiences interested in digital art, generative design, and futuristic aesthetics, intending to evoke a sense of wonder, tranquility, and the beauty of artificial life. The emotional impact should be one of serene contemplation and futuristic elegance.

3. Visual Direction Specifications:

  • Subject: Abstract, fractal-like floral forms, appearing digital and organic simultaneously.
  • Style/Genre: Generative Art, Abstract, Digital Art, Sci-Fi, Bioluminescent.
  • Composition: Central focus on a cluster of these digital flowers, with surrounding forms fading into the background. Balanced, harmonious composition.
  • Lighting: Internal bioluminescence from the floral structures, creating soft, volumetric light that illuminates the surrounding darkness. No external light source.
  • Color Palette: Predominantly cool, electric tones: deep blues, vibrant purples, mint greens, and subtle teals. Gradual color shifts within each element.
  • Mood/Atmosphere: Ethereal, tranquil, futuristic, mysterious, serene, contemplative.
  • Camera Angle/Perspective: Straight on, slightly close-up to appreciate the intricate details.
  • Resolution/Aspect Ratio (Suggested): 4K, 1:1 (square) for a balanced, focused composition.
  • Key Details/Notes: Focus on the delicate nature of the fractal patterns. The "petals" and "leaves" should appear to be made of light or data. Background should be dark but with subtle, soft light spill.

Prompt Set 5: "Desert Nomad's Sanctuary"

1. AI Image Prompt:

A cinematic, golden hour shot of a lone, ancient, intricately designed tent, a desert nomad's sanctuary, nestled amongst towering, wind-sculpted sandstone formations. A single glowing lantern illuminates the entrance, casting long shadows. A dusty, weathered figure stands silhouetted by the setting sun, gazing at the vast, star-speckled sky. Warm, dramatic lighting, epic scale, high detail, 8k, photorealistic, --ar 16:9 --q 2

2. Creative Brief:

This image conveys a sense of profound solitude, resilience, and connection to an untamed landscape. It targets those who appreciate epic landscapes, adventure, and stories of endurance. The desired emotional impact is one of awe, peaceful isolation, and the quiet strength of the human spirit against nature's grandeur.

3. Visual Direction Specifications:

  • Subject: An ancient, ornate desert tent. Towering sandstone formations. A solitary, weathered figure. A vast, star-speckled desert sky.
  • Style/Genre: Epic Landscape, Photorealism, Adventure, Mystical Desert.
  • Composition: Wide shot, emphasizing the scale of the desert and rock formations. The tent and figure are small but central elements. Use leading lines of the dunes and rocks.
  • Lighting: Golden hour lighting, warm and dramatic. Long, soft shadows. The lantern provides a specific warm glow at the tent entrance. Starry night sky.
  • Color Palette: Dominant warm tones: rich ochres, burnt oranges, deep reds from the sandstone. Cool blues and purples in the twilight sky. Golden light from the sun and lantern.
  • Mood/Atmosphere: Majestic, serene, isolated, adventurous, spiritual, enduring.
  • Camera Angle/Perspective: Slightly low angle to emphasize the height of the rock formations and the vastness of the sky.
  • Resolution/Aspect Ratio (Suggested): 8K, 16:9 for a cinematic sweep.
  • Key Details/Notes: The tent should look lived-in and authentic, with subtle patterns or fabrics. The figure's posture should convey contemplation. Dust particles in the air, subtle wind patterns in the sand.

Prompt Set 6: "Biomorphic Architecture in a Cloud City"

1. AI Image Prompt:

A breathtaking, futurist, high-angle view of a sprawling cloud city composed of organic, biomorphic architecture. Buildings resemble giant, glowing fungi or coral structures, interconnected by luminous sky-bridges. Cascading waterfalls of light flow between platforms. Below, a sea of clouds stretches to the horizon. Soft, diffused light from a hidden sun, vibrant yet gentle colors, ethereal, high detail, 8k, concept art, matte painting style, --ar 2:1

2. Creative Brief:

This image envisions a harmonious future where architecture mimics nature, creating a fantastical, sustainable metropolis in the sky. It appeals to audiences interested in utopian visions, ecological design, and imaginative sci-fi. The desired emotional impact is one of awe, hope, and serene wonder at a possible future.

3. Visual Direction Specifications:

  • Subject: A vast city in the clouds, with buildings shaped like organic forms (fungi, coral, plants). Luminous sky-bridges and light waterfalls.
  • Style/Genre: Futurism, Biomorphic Architecture, Sci-Fi, Concept Art, Utopian.
  • Composition: High-angle, expansive view, showing the vastness of the city and cloud sea. Use depth to create a sense of scale.
  • Lighting: Soft, diffused, ambient light, as if coming through the clouds. Buildings glow internally with a gentle luminescence.
  • Color Palette: Soft pastels of greens, blues, purples, and pearlescent whites for the architecture. The glowing elements are slightly more saturated.
  • Mood/Atmosphere: Ethereal, peaceful, majestic, hopeful, fantastical, clean.
  • Camera Angle/Perspective: High-angle, looking down and across the city.
  • Resolution/Aspect Ratio (Suggested): 8K, 2:1 (panoramic).
  • Key Details/Notes: Focus on smooth, flowing lines in the architecture. The "waterfalls of light" should be dynamic and soft. The cloud sea below should be realistic and vast.

Prompt Set 7: "Retro-Futuristic Diner Portrait"

1. AI Image Prompt:

A stunning, cinematic portrait of a lone, melancholic woman in a vibrant, retro-futuristic diner. She sits at a chrome counter, reflected in its polished surface. Neon signs cast colorful glows on her face and the diner's interior. Her outfit is stylish 1950s with subtle cybernetic enhancements. Rain streaks down the window behind her. Volumetric light, shallow depth of field, film noir influence, high detail, 4k, photorealistic, --ar 4:5 --style raw

2. Creative Brief:

This image captures a moment of quiet introspection within a visually striking, anachronistic setting. It appeals to fans of retro-futurism, cyberpunk, and character-driven narratives, aiming to evoke a sense of nostalgic longing, subtle melancholy, and intrigue about her story. The emotional impact should be one of poignant beauty and cinematic mystery.

3. Visual Direction Specifications:

  • Subject: A single woman, mid-shot portrait, in a retro-futuristic diner.
  • Style/Genre: Retro-Futurism, Cyberpunk, Film Noir, Photorealism, Cinematic Portraiture.
  • Composition: Medium close-up, focusing on the woman's face and upper body. Use reflections in the counter for added depth.
  • Lighting: Dramatic, high-contrast neon lighting from the diner signs, casting colored shadows and highlights on her face. Volumetric light from the windows.
  • Color Palette: Dominant vibrant neon blues, reds, and pinks, contrasting with the muted tones of her skin and clothing (e.g., a teal dress, chrome accents).
  • Mood/Atmosphere: Melancholy, introspective, stylish, mysterious, nostalgic, cinematic.
  • Camera Angle/Perspective: Eye-level, slightly low to emphasize her gaze.
  • Resolution/Aspect Ratio (Suggested): 4K, 4:5 (portrait orientation).
  • Key Details/Notes: Rain effects on the window are crucial. Subtle cybernetic details on her person (e.g., a glowing implant, intricate metallic jewelry). Focus on realistic textures of chrome, leather, and skin.

Prompt Set 8: "Enchanted Forest Guardian"

1. AI Image Prompt:

A majestic, fantasy-art style full-body shot of an ancient forest guardian, a colossal tree-like entity, standing sentinel in a mist-shrouded, ancient bioluminescent forest. Its bark is gnarled and covered in glowing moss and delicate crystalline fungi. Eyes glow with gentle wisdom. Soft, ethereal light filters through the canopy. Magical particles float in the air. Deep focus, intricate textures, high fantasy, 8k, detailed, --ar 9:16 --v 5.2

2. Creative Brief:

This image aims to embody the spirit of ancient nature and protective magic, creating a sense of profound reverence and wonder. It's for an audience drawn to high fantasy, mythology, and environmental themes, evoking feelings of peace, awe, and the sacredness of the natural world. The emotional impact should be one of mystical tranquility and

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
"); 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' import ReactDOM from 'react-dom/client' import App from './App' import './index.css' ReactDOM.createRoot(document.getElementById('root')!).render( ) "); 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' import './App.css' function App(){ return(

"+slugTitle(pn)+"

Built with PantheraHive BOS

) } export default App "); zip.file(folder+"src/index.css","*{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e} .app{min-height:100vh;display:flex;flex-direction:column} .app-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px} h1{font-size:2.5rem;font-weight:700} "); 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)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` ## Open in IDE Open the project folder in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- 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",'{ "name": "'+pn+'", "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vue-tsc -b && vite build", "preview": "vite preview" }, "dependencies": { "vue": "^3.5.13", "vue-router": "^4.4.5", "pinia": "^2.3.0", "axios": "^1.7.9" }, "devDependencies": { "@vitejs/plugin-vue": "^5.2.1", "typescript": "~5.7.3", "vite": "^6.0.5", "vue-tsc": "^2.2.0" } } '); zip.file(folder+"vite.config.ts","import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { resolve } from 'path' export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': resolve(__dirname,'src') } } }) "); zip.file(folder+"tsconfig.json",'{"files":[],"references":[{"path":"./tsconfig.app.json"},{"path":"./tsconfig.node.json"}]} '); zip.file(folder+"tsconfig.app.json",'{ "compilerOptions":{ "target":"ES2020","useDefineForClassFields":true,"module":"ESNext","lib":["ES2020","DOM","DOM.Iterable"], "skipLibCheck":true,"moduleResolution":"bundler","allowImportingTsExtensions":true, "isolatedModules":true,"moduleDetection":"force","noEmit":true,"jsxImportSource":"vue", "strict":true,"paths":{"@/*":["./src/*"]} }, "include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"] } '); zip.file(folder+"env.d.ts","/// "); zip.file(folder+"index.html"," "+slugTitle(pn)+"
"); 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' import { createPinia } from 'pinia' import App from './App.vue' import './assets/main.css' const app = createApp(App) app.use(createPinia()) app.mount('#app') "); var hasApp=Object.keys(extracted).some(function(k){return k.indexOf("App.vue")>=0;}); if(!hasApp) zip.file(folder+"src/App.vue"," "); 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} "); 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)+" Generated by PantheraHive BOS. ## Setup ```bash npm install npm run dev ``` ## Build ```bash npm run build ``` Open in VS Code or WebStorm. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local "); } /* --- 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",'{ "name": "'+pn+'", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test" }, "dependencies": { "@angular/animations": "^19.0.0", "@angular/common": "^19.0.0", "@angular/compiler": "^19.0.0", "@angular/core": "^19.0.0", "@angular/forms": "^19.0.0", "@angular/platform-browser": "^19.0.0", "@angular/platform-browser-dynamic": "^19.0.0", "@angular/router": "^19.0.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.15.0" }, "devDependencies": { "@angular-devkit/build-angular": "^19.0.0", "@angular/cli": "^19.0.0", "@angular/compiler-cli": "^19.0.0", "typescript": "~5.6.0" } } '); zip.file(folder+"angular.json",'{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "'+pn+'": { "projectType": "application", "root": "", "sourceRoot": "src", "prefix": "app", "architect": { "build": { "builder": "@angular-devkit/build-angular:application", "options": { "outputPath": "dist/'+pn+'", "index": "src/index.html", "browser": "src/main.ts", "tsConfig": "tsconfig.app.json", "styles": ["src/styles.css"], "scripts": [] } }, "serve": {"builder":"@angular-devkit/build-angular:dev-server","configurations":{"production":{"buildTarget":"'+pn+':build:production"},"development":{"buildTarget":"'+pn+':build:development"}},"defaultConfiguration":"development"} } } } } '); zip.file(folder+"tsconfig.json",'{ "compileOnSave": false, "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"]}, "references":[{"path":"./tsconfig.app.json"}] } '); zip.file(folder+"tsconfig.app.json",'{ "extends":"./tsconfig.json", "compilerOptions":{"outDir":"./dist/out-tsc","types":[]}, "files":["src/main.ts"], "include":["src/**/*.d.ts"] } '); zip.file(folder+"src/index.html"," "+slugTitle(pn)+" "); zip.file(folder+"src/main.ts","import { bootstrapApplication } from '@angular/platform-browser'; import { appConfig } from './app/app.config'; import { AppComponent } from './app/app.component'; bootstrapApplication(AppComponent, appConfig) .catch(err => console.error(err)); "); zip.file(folder+"src/styles.css","* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: system-ui, -apple-system, sans-serif; background: #f9fafb; color: #111827; } "); 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'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', standalone: true, imports: [RouterOutlet], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = '"+pn+"'; } "); zip.file(folder+"src/app/app.component.html","

"+slugTitle(pn)+"

Built with PantheraHive BOS

"); 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} "); } zip.file(folder+"src/app/app.config.ts","import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core'; import { provideRouter } from '@angular/router'; import { routes } from './app.routes'; export const appConfig: ApplicationConfig = { providers: [ provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes) ] }; "); zip.file(folder+"src/app/app.routes.ts","import { Routes } from '@angular/router'; export const routes: Routes = []; "); 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)+" Generated by PantheraHive BOS. ## Setup ```bash npm install ng serve # or: npm start ``` ## Build ```bash ng build ``` Open in VS Code with Angular Language Service extension. "); zip.file(folder+".gitignore","node_modules/ dist/ .env .DS_Store *.local .angular/ "); } /* --- Python --- */ function buildPython(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/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(" "):"# add dependencies here "; zip.file(folder+"main.py",src||"# "+title+" # Generated by PantheraHive BOS print(title+" loaded") "); zip.file(folder+"requirements.txt",reqsTxt); zip.file(folder+".env.example","# Environment variables "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash python3 -m venv .venv source .venv/bin/activate pip install -r requirements.txt ``` ## Run ```bash python main.py ``` "); zip.file(folder+".gitignore",".venv/ __pycache__/ *.pyc .env .DS_Store "); } /* --- Node.js --- */ function buildNode(zip,folder,app,code){ var title=slugTitle(app); var pn=pkgName(app); var src=code.replace(/^```[w]* ?/m,"").replace(/ ?```$/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)+" "; zip.file(folder+"package.json",pkgJson); var fallback="const express=require("express"); const app=express(); app.use(express.json()); app.get("/",(req,res)=>{ res.json({message:""+title+" API"}); }); const PORT=process.env.PORT||3000; app.listen(PORT,()=>console.log("Server on port "+PORT)); "; zip.file(folder+"src/index.js",src||fallback); zip.file(folder+".env.example","PORT=3000 "); zip.file(folder+".gitignore","node_modules/ .env .DS_Store "); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Setup ```bash npm install ``` ## Run ```bash npm run dev ``` "); } /* --- 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:" "+title+" "+code+" "; zip.file(folder+"index.html",indexHtml); zip.file(folder+"style.css","/* "+title+" — styles */ *{margin:0;padding:0;box-sizing:border-box} body{font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#1a1a2e} "); zip.file(folder+"script.js","/* "+title+" — scripts */ "); zip.file(folder+"assets/.gitkeep",""); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. ## Open Double-click `index.html` in your browser. Or serve locally: ```bash npx serve . # or python3 -m http.server 3000 ``` "); zip.file(folder+".gitignore",".DS_Store node_modules/ .env "); } /* ===== 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(/ {2,}/g,"

"); h+="

"+hc+"

Generated by PantheraHive BOS
"; zip.file(folder+app+".html",h); zip.file(folder+"README.md","# "+title+" Generated by PantheraHive BOS. Files: - "+app+".md (Markdown) - "+app+".html (styled HTML) "); } 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);}});}