Image Prompt & Brief Creator
Run ID: 69cc3d0b6beabe319cec8c0e2026-03-31Design
PantheraHive BOS
BOS Dashboard

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

As a professional AI assistant, I have executed step 1 of 1 for the "Image Prompt & Brief Creator" workflow. Below are 10 comprehensive, detailed, and professional AI image prompts, creative briefs, and visual direction specifications, designed to generate high-quality, impactful images. Each output is structured to be directly actionable for AI image generation models and provides clear guidance for visual execution.


Image Prompt & Brief Creator Output

1. Futuristic Urban Landscape

  • Image Prompt: sharper4k, hyper-realistic, a bustling futuristic metropolis at dusk, with towering glass and chrome skyscrapers interwoven with lush vertical gardens. Flying autonomous vehicles navigate intricate aerial pathways between buildings. Neon lights from advertisements and holographic projections cast vibrant reflections on wet streets below. A single, distinct pedestrian is visible on a transparent skybridge, looking out over the city. Cinematic wide shot, dramatic low-angle perspective, volumetric lighting, mist, cyberpunk aesthetic, detailed reflections, 8k.
  • Creative Brief: To create an awe-inspiring vision of a sustainable yet technologically advanced future city. Target audience: Urban planners, tech innovators, science fiction enthusiasts. Key message: The harmonious integration of nature and technology in a high-density urban environment. Desired emotion: Wonder, aspiration, forward-thinking.
  • Visual Direction Specs:

* Subject Focus: The interplay between futuristic architecture, green spaces, and advanced transportation.

* Color Palette: Deep blues, purples, and oranges from the setting sun, contrasted with vibrant neon greens, pinks, and cyans from city lights.

* Lighting: Emphasize dramatic volumetric light rays piercing through mist and the glow of artificial lights.

* Texture: Smooth, reflective surfaces of glass and metal, juxtaposed with organic, lush textures of vertical gardens. Wet ground for reflections.

* Composition: Dynamic angles, leading lines from buildings and skyways converging towards a central horizon.

* Style: Neo-futurism, cyberpunk with a green twist, high-fidelity concept art.

2. Majestic Wildlife Portrait

  • Image Prompt: sharper4k, photo-realistic, a majestic adult male lion with a full, flowing mane, standing proudly on an elevated rocky outcrop overlooking a vast, golden African savannah at sunrise. Golden hour light bathes the scene, highlighting every strand of fur and the dust kicked up by a gentle breeze. Background features acacia trees and distant wildlife in soft focus. Eye-level shot, shallow depth of field, natural light, epic wildlife photography, detailed fur texture, 8k.
  • Creative Brief: To capture the raw power, dignity, and natural beauty of African wildlife in its pristine habitat. Target audience: Nature conservationists, wildlife photographers, travel enthusiasts. Key message: The importance of preserving natural ecosystems and their iconic inhabitants. Desired emotion: Awe, respect, tranquility, connection to nature.
  • Visual Direction Specs:

* Subject Focus: The lion's powerful presence and expressive eyes.

* Color Palette: Warm golden yellows, oranges, and soft browns, with touches of muted greens in the distant foliage and clear blue sky.

* Lighting: Soft, directional golden hour light from the side, creating long shadows and highlighting textures.

* Texture: Highly detailed fur, weathered rock, dry grass.

* Composition: Rule of thirds, with the lion's gaze directed towards the horizon.

* Style: National Geographic documentary photography, naturalistic, authentic.

3. Abstract Corporate Art Installation

  • Image Prompt: sharper4k, contemporary abstract art, a large-scale, dynamic sculpture composed of interconnected, polished chrome geometric shapes and translucent acrylic panels in a pristine, minimalist corporate lobby. The sculpture appears to float, casting complex shadows and reflections on the polished concrete floor and white walls. Subtle internal LED lighting within the acrylic panels emits a gradient of cool blues and greens. Wide shot, clean lines, modern architecture, sharp focus, intricate detail, 8k.
  • Creative Brief: To visualize an inspiring and sophisticated art piece suitable for a high-tech corporate environment, symbolizing innovation and connectivity. Target audience: Corporate clients, interior designers, art collectors. Key message: Modernity, progress, and elegant design. Desired emotion: Inspiration, sophistication, calm.
  • Visual Direction Specs:

* Subject Focus: The intricate form and reflective qualities of the abstract sculpture.

* Color Palette: Predominantly metallic silver/chrome, clear and frosted white, with internal glows of cool blues and greens. Minimal background colors.

* Lighting: Ambient natural light from large windows, complemented by the internal glow of the sculpture and directed spotlights highlighting its form.

* Texture: Highly polished, reflective chrome; smooth, translucent acrylic; matte white walls; polished concrete floor.

* Composition: Balanced and symmetrical, emphasizing the sculpture's three-dimensionality and interaction with its environment.

* Style: Minimalist, contemporary abstract sculpture, architectural visualization.

4. Vintage Travel Poster for a Tropical Destination

  • Image Prompt: sharper4k, vintage travel poster art style, a vibrant and inviting scene of a secluded tropical beach with crystal-clear turquoise water gently lapping against powdery white sand. A single, gracefully curved palm tree leans over the water, providing shade. In the distance, lush green mountains rise under a clear blue sky with a few stylized white clouds. A retro-style cruise ship is visible on the horizon. Bold, graphic lines, flat colors, subtle texture, optimistic mood, 1950s travel aesthetic, 8k.
  • Creative Brief: To evoke a sense of nostalgic escape and idyllic relaxation, promoting a tropical destination. Target audience: Travelers seeking leisure, retro enthusiasts, vacation planners. Key message: Paradise awaits, timeless beauty, serene getaway. Desired emotion: Relaxation, wanderlust, joy.
  • Visual Direction Specs:

* Subject Focus: The pristine beach, clear water, and iconic palm tree.

* Color Palette: Bright, saturated blues (sky and water), vivid greens (foliage), warm whites (sand), and a touch of deep red or orange for a subtle accent or text if applicable.

* Lighting: Bright, even daylight, typical of a sunny tropical environment.

* Texture: Minimal, stylized textures to mimic print quality. Smooth gradients.

* Composition: Classic landscape, rule of thirds, with the palm tree acting as a leading element.

* Style: Mid-century modern travel poster, graphic design, art deco influences.

5. Gourmet Dessert Photography

  • Image Prompt: sharper4k, professional food photography, an exquisitely plated deconstructed berry cheesecake, featuring a perfectly golden-brown shortbread crumble, delicate dollops of cream cheese mousse, fresh vibrant red raspberries, blueberries, and a drizzle of glossy berry coulis on a slate grey ceramic plate. The dessert is illuminated by soft, natural window light from the left, creating subtle shadows and highlighting textures. Dark, minimalist background with a slight bokeh. Macro shot, shallow depth of field, high detail, appetizing, 8k.
  • Creative Brief: To showcase a gourmet dessert with an emphasis on its artisanal quality, fresh ingredients, and sophisticated presentation. Target audience: Foodies, restaurant patrons, culinary magazine readers. Key message: Indulgence, exquisite taste, culinary artistry. Desired emotion: Desire, satisfaction, appreciation for fine dining.
  • Visual Direction Specs:

* Subject Focus: The intricate details of the dessert, particularly the textures of the crumble, smoothness of the mousse, and freshness of the berries.

* Color Palette: Rich reds, purples, and blues of berries, creamy whites, golden browns of crumble, contrasted with a dark, neutral background.

* Lighting: Soft, diffused natural light to create gentle highlights and shadows, enhancing depth and texture without harshness.

* Texture: Crunchy crumble, smooth mousse, glossy coulis, plump berries.

* Composition: Close-up, slightly off-center to create visual interest.

* Style: High-end culinary photography, editorial food styling.

6. Epic Fantasy Warrior Character Concept

  • Image Prompt: sharper4k, highly detailed fantasy character concept art, a powerful female warrior with intricate elven armor made of dark, polished leather and glowing silver filigree, wielding a large, enchanted runic greatsword. She stands heroically on a windswept mountain peak, looking towards a distant, mystical castle under a dramatic, cloudy sunset sky. Her long, braided white hair flows in the wind. Dynamic pose, epic scale, volumetric clouds, magical glowing effects, cinematic lighting, full body shot, Greg Rutkowski style, 8k.
  • Creative Brief: To design a compelling and formidable fantasy character, suitable for a video game, novel cover, or film concept. Target audience: Fantasy enthusiasts, gamers, art directors. Key message: Strength, magic, heroism, adventure. Desired emotion: Inspiration, excitement, wonder.
  • Visual Direction Specs:

* Subject Focus: The warrior's detailed armor, weapon, and determined expression.

* Color Palette: Deep blues and purples of the sky, warm oranges and reds of the sunset, contrasted with the dark leather, silver, and magical glow (e.g., light blue, emerald green).

* Lighting: Dramatic backlighting from the sunset, highlighting the character's silhouette and creating strong contrasts. Magical glows from the sword and armor.

* Texture: Worn leather, polished metal, rugged rock, flowing fabric.

* Composition: Strong, heroic pose, with the character occupying a dominant position in the frame.

* Style: Dark fantasy concept art, high fantasy illustration, digital painting.

7. Candid Urban Street Photography

  • Image Prompt: sharper4k, authentic street photography, a candid moment of a diverse group of people walking through a bustling, rain-slicked city street at night. Reflections of vibrant neon signs and car headlights shimmer on the wet pavement. Umbrellas are open, creating interesting shapes and shadows. The focus is on the dynamic movement and diverse expressions of individuals. Grainy texture, shallow depth of field, natural available light, film noir aesthetic, motion blur on distant elements, 8k.
  • Creative Brief: To capture the raw, unposed energy and diverse narratives of urban life, emphasizing the beauty in everyday moments. Target audience: Art photography collectors, urban culture enthusiasts, documentary photography lovers. Key message: Humanity, spontaneity, the vibrant pulse of the city. Desired emotion: Contemplation, connection, curiosity.
  • Visual Direction Specs:

* Subject Focus: The interplay of light, reflections, and the anonymous yet expressive figures.

* Color Palette: Muted, desaturated tones typical of a rainy night, with pops of vibrant neon colors from city lights (reds, blues, yellows).

* Lighting: Available artificial light sources (streetlights, neon signs, car headlights) creating dramatic highlights and deep shadows.

* Texture: Wet pavement, rain streaks, blurred lights, textured clothing.

* Composition: Dynamic, asymmetrical, capturing a fleeting moment. Rule of thirds for primary subjects.

* Style: Documentary street photography, cinematic, slightly gritty, filmic look.

8. Serene Minimalist Home Interior

  • Image Prompt: sharper4k, architectural interior photography, a serene and minimalist living room in a Scandinavian-inspired home. Features a plush, light grey sofa, a simple wooden coffee table with a single ceramic vase holding delicate dried pampas grass, and a large window overlooking a peaceful, snowy landscape. Natural light floods the room, creating soft shadows. Walls are off-white, and the floor is light oak. Cozy yet spacious, clean lines, warm minimalist aesthetic, sharp focus, 8k.
  • Creative Brief: To convey a sense of calm, comfort, and sophisticated simplicity in a modern living space. Target audience: Interior design enthusiasts, homeowners, real estate developers. Key message: Tranquility, functional design, hygge. Desired emotion: Peace, warmth, comfort, elegance.
  • Visual Direction Specs:

* Subject Focus: The harmonious arrangement of furniture and the interplay of natural light.

* Color Palette: Predominantly muted neutrals – light greys, whites, natural wood tones, with subtle green/beige accents from the pampas grass.

* Lighting: Abundant, soft, diffused natural light from large windows, creating a bright and airy atmosphere.

* Texture: Soft fabrics (sofa), smooth wood (table), matte ceramic (vase), subtle texture of pampas grass.

* Composition: Balanced and clean, emphasizing horizontal and vertical lines. Wide shot to show the spaciousness.

* Style: Scandinavian design, modern minimalist, architectural photography.

9. Conceptual Scientific Breakthrough

  • Image Prompt: sharper4k, conceptual science illustration, a glowing, intricate neural network visualized as a complex web of light particles and interconnected nodes, expanding outward from a central, ethereal core. The network is set against a deep space background filled with distant nebulae and faint stars. Soft, pulsating blue and purple light emanates from the connections. Abstract, awe-inspiring, clean, digital art, high contrast, sharp focus on the nearest nodes, 8k.
  • Creative Brief: To visually represent a groundbreaking scientific discovery or complex data insight, particularly in the fields of AI, neuroscience, or quantum computing. Target audience: Scientists, tech journalists, innovators, educational institutions. Key message: Innovation, discovery, the frontier of knowledge. Desired emotion: Awe, intrigue, intellectual stimulation.
  • Visual Direction Specs:

* Subject Focus: The intricate, glowing structure of the neural network and its sense of infinite expansion.

* Color Palette: Deep blues and purples for the background, with bright, ethereal blues, whites, and subtle greens for the network's glow.

* Lighting: Self-illuminating elements of the network, creating a strong contrast against the dark background.

* Texture: Smooth, glowing light particles; wispy, ethereal nebulae.

* Composition: Centralized, radiating outward, creating a sense of infinite complexity and growth.

* Style: Scientific visualization, abstract digital art, conceptual illustration.

10. Whimsical Children's Book Illustration

  • Image Prompt: `sharper4k, whimsical children's book illustration, a cheerful, anthropomorphic fox wearing a tiny backpack, joyfully skipping through a vibrant, magical forest filled with oversized, glowing mushrooms and friendly, curious fireflies
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);}});}