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

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

As requested, here is a comprehensive deliverable for the "Image Prompt & Brief Creator" workflow, Step 1 of 1. This output provides 10 detailed professional AI image prompts, creative briefs, and visual direction specifications, designed to generate high-quality, impactful visuals.


Image Prompt & Brief Creator: 10 Professional Visual Concepts

This document provides ten distinct concepts, each featuring an AI-ready image prompt, a concise creative brief, and detailed visual direction specifications. These are crafted to guide AI image generation towards professional, high-fidelity results, suitable for various applications from marketing to editorial content.


Concept 1: Futuristic Urban Oasis

Image Prompt:

A hyper-realistic, high-detail wide shot of a futuristic urban park integrated into a towering skyscraper complex. Lush, bioluminescent flora glows softly, contrasting with sleek, chrome-finished architecture. People in elegant, minimalist attire relax on transparent benches, while small, silent drones hover overhead. Golden hour lighting casts long shadows and warm reflections on glass surfaces. Sharp focus, cinematic quality, 8K, volumetric lighting, intricate details, tranquil yet advanced atmosphere.

Creative Brief:

This image is intended for a technology company's marketing campaign, showcasing the harmonious integration of nature and advanced urban living. The target audience is affluent, eco-conscious innovators and early adopters. The message is one of sustainable progress and serene technological advancement, highlighting a future where green spaces are seamlessly woven into high-density environments.

Visual Direction Specs:

  • Subject: A sprawling, multi-level urban park built into a futuristic skyscraper. Focus on the interplay between natural elements (trees, shrubs, water features) and advanced architecture.
  • Style: Hyper-realistic, futuristic, utopian, clean, high-tech, slightly minimalist.
  • Color Palette: Dominantly cool blues and grays for architecture, vibrant greens and soft purples/pinks for bioluminescent flora. Accents of warm gold from the setting sun.
  • Composition: Wide shot, slightly elevated perspective looking down into the park, emphasizing depth and scale. Rule of thirds for structural elements.
  • Lighting: Golden hour, soft and warm, with strong volumetric light rays piercing through gaps in the architecture. Bioluminescent elements should provide internal glow.
  • Mood: Serene, hopeful, innovative, inspiring.
  • Key Details: Transparent walkways, integrated water recycling systems visible as subtle pipes, people interacting peacefully with the environment, subtle energy fields or light patterns on surfaces. Ensure foliage appears organic and not overly synthetic.

Concept 2: Ancient Wisdom in a Modern World

Image Prompt:

A striking portrait of an elderly, wise-looking woman with deep, knowing eyes, her face etched with life experience. She wears a traditional, hand-woven garment with subtle tribal patterns. Her surroundings are a minimalist, high-tech laboratory or studio, with soft, diffused natural light filtering through large windows. A faint holographic projection of ancient symbols or a star map subtly overlays her shoulder. Sharp focus on her face, shallow depth of field, natural skin texture, cinematic lighting, 4K, thoughtful and profound mood.

Creative Brief:

This image is designed for an editorial piece or a non-profit foundation promoting cross-cultural wisdom and the integration of traditional knowledge with modern innovation. The target audience is intellectually curious individuals interested in philosophy, anthropology, and sustainable development. The message conveys the enduring value of ancestral wisdom in navigating contemporary challenges.

Visual Direction Specs:

  • Subject: An elderly woman, preferably of indigenous or non-Western descent, with a dignified and thoughtful expression.
  • Style: Realistic, cinematic portraiture, with a blend of traditional and modern elements. Avoid stereotypes; focus on genuine wisdom.
  • Color Palette: Earthy tones for her attire (deep reds, browns, ochres), contrasting with cool grays and whites of the modern environment. Soft, natural light.
  • Composition: Medium close-up portrait, slightly off-center for visual interest. Her gaze should be direct or slightly contemplative.
  • Lighting: Soft, diffused natural light from a large window, creating gentle highlights and shadows on her face. A subtle glow from the holographic projection.
  • Mood: Wise, serene, profound, contemplative, respectful.
  • Key Details: Detailed textures on her garment, subtle wrinkles and lines on her face (showing character, not ageism), minimalist background elements (e.g., blurred scientific equipment, clean lines). The holographic overlay should be subtle and integrated, not distracting.

Concept 3: Dynamic Abstract Energy Flow

Image Prompt:

An intricate, high-resolution abstract image depicting the dynamic flow of energy. Swirling ribbons of luminous light in vibrant blues, purples, and electric yellows intertwine and converge, creating a sense of rapid motion and power. The ribbons should have a crystalline, almost liquid-metal quality, set against a deep, dark, cosmic background with subtle star-like particles. Sharp focus, extreme detail, volumetric light, 8K, digital art, energetic and complex composition.

Creative Brief:

This image is intended for a technology company specializing in data processing, AI, or energy solutions. It aims to visualize complex processes like data flow, neural networks, or energy transfer in an aesthetically compelling way. The target audience is tech professionals, investors, and innovators. The message is about efficiency, power, and the sophisticated beauty of underlying systems.

Visual Direction Specs:

  • Subject: Abstract representation of energy or data flow.
  • Style: Digital art, abstract expressionism, futuristic, high-tech, dynamic.
  • Color Palette: Primary colors are electric blue, vibrant purple, and bright yellow/gold. Secondary colors include cyan and magenta. All colors should be luminous and saturated. Background is deep space black/dark blue.
  • Composition: Dynamic, diagonal lines and curves suggesting movement from bottom left to top right. Sense of depth created by overlapping ribbons and varying luminosity.
  • Lighting: Self-illuminated ribbons of light, casting subtle glows on each other. The background should be dark enough to make the light truly pop.
  • Mood: Energetic, powerful, complex, awe-inspiring, cutting-edge.
  • Key Details: Focus on the texture of the light ribbons – they should appear almost tangible, like liquid light or plasma. Subtle gradients within the ribbons. Avoid any recognizable forms; keep it purely abstract.

Concept 4: Gourmet Dessert Masterpiece

Image Prompt:

A close-up, top-down (flat lay) shot of a meticulously plated gourmet dessert: a deconstructed berry cheesecake. A perfectly smooth sphere of vanilla bean panna cotta, vibrant red berry gelée, delicate edible flowers (pansies, violas), crumbled shortbread, and fresh mint leaves are artfully arranged on a dark, matte ceramic plate. The background is a subtly textured, dark wooden table, out of focus. Studio lighting, soft and even, highlighting textures and colors. Sharp focus, extreme detail, food photography, 4K, luxurious and inviting.

Creative Brief:

This image is for a high-end restaurant, patisserie, or gourmet food magazine. It aims to evoke desire and showcase culinary artistry. The target audience is food enthusiasts, fine diners, and culinary professionals. The message emphasizes quality ingredients, exquisite presentation, and an indulgent experience.

Visual Direction Specs:

  • Subject: A single, artfully plated gourmet dessert.
  • Style: High-end food photography, clean, luxurious, minimalist presentation.
  • Color Palette: Rich reds and purples from berries, creamy white from panna cotta, deep green from mint, subtle browns from shortbread. Dark, neutral background.
  • Composition: Top-down (flat lay) shot, symmetrical or slightly asymmetrical arrangement on the plate. Use negative space effectively.
  • Lighting: Soft, even studio lighting from above, with subtle fill light to minimize harsh shadows. Emphasize the glossiness of the gelée and the texture of the shortbread.
  • Mood: Elegant, indulgent, sophisticated, appetizing.
  • Key Details: Focus on the precision of each element – perfect sphere of panna cotta, crisp edges of shortbread, fresh appearance of mint and flowers. No crumbs or imperfections. The plate should be clean and simple.

Concept 5: Mystical Forest Awakening

Image Prompt:

A breathtaking wide shot of an ancient, untouched forest bathed in ethereal, misty morning light. Towering, gnarled trees with glowing moss and bioluminescent fungi line a winding path. A gentle fog hangs low, creating a sense of depth and mystery. Subtle magical energy shimmers in the air, manifesting as faint, golden motes of light. Sharp focus, high detail, fantasy art, cinematic, 8K, enchanted and serene atmosphere.

Creative Brief:

This image is for a fantasy novel cover, a nature conservation campaign with a whimsical twist, or a video game concept art. It aims to transport viewers to a magical realm and evoke a sense of wonder and ancient power. The target audience includes fantasy genre enthusiasts, nature lovers, and those seeking escapism. The message is about the hidden magic and profound beauty of the natural world.

Visual Direction Specs:

  • Subject: An ancient, magical forest.
  • Style: Fantasy art, mystical, ethereal, high detail, painterly yet realistic.
  • Color Palette: Dominantly deep greens and browns, with vibrant accents of glowing blues, purples, and golden light from fungi and magic. Soft, diffused natural light filtering through mist.
  • Composition: Wide shot, leading lines from the winding path drawing the eye into the depth of the forest. Tall trees framing the scene.
  • Lighting: Misty morning light, creating soft glows and atmospheric perspective. Bioluminescence should be subtle and integrated, not overpowering.
  • Mood: Enchanted, mysterious, serene, wondrous, ancient.
  • Key Details: Detailed bark textures, intricate moss and fungi patterns, subtle movement in the mist. Avoid any overt magical creatures; the magic should be inherent in the environment itself.

Concept 6: Industrial Innovation Hub

Image Prompt:

A dynamic, wide-angle interior shot of a cutting-edge industrial workshop or laboratory. Robotic arms are precisely assembling intricate components, sparks fly safely from automated welding stations, and engineers in cleanroom suits monitor holographic displays. The space is brightly lit by cool, industrial LED lighting, reflecting off polished metal surfaces and glass partitions. Sharp focus, high detail, industrial photography, 8K, modern, efficient, and sophisticated atmosphere.

Creative Brief:

This image is for a manufacturing firm, an engineering company, or a technology incubator. It aims to project an image of advanced capabilities, precision, and innovation. The target audience includes B2B clients, investors, and potential employees in STEM fields. The message is about leading the future of manufacturing and technological development.

Visual Direction Specs:

  • Subject: An advanced industrial or research facility.
  • Style: High-tech industrial, clean, precise, futuristic, professional photography.
  • Color Palette: Predominantly cool blues, grays, and whites, with accents of orange/red from sparks and green/blue from holographic displays. Bright, sterile lighting.
  • Composition: Wide-angle, capturing multiple workstations or activities. Diagonal lines and leading perspectives to create dynamism.
  • Lighting: Bright, even, cool LED lighting. Reflections on metallic surfaces should be sharp. Sparks should be contained and controlled, adding a sense of activity.
  • Mood: Innovative, efficient, precise, sophisticated, cutting-edge.
  • Key Details: Visible intricate machinery, clear and readable holographic interfaces (even if blurred), subtle motion blur on robotic arms to convey speed. Ensure the environment looks clean and organized, not chaotic.

Concept 7: Serene Coastal Sunset

Image Prompt:

A breathtaking panoramic landscape of a rugged coastline at sunset. The sky is ablaze with vibrant oranges, deep purples, and soft pinks, reflecting on the calm, gently rippling ocean surface. Dramatic rock formations jut out from the water, silhouetted against the fiery horizon. A lone seagull flies gracefully in the distance. Sharp focus, extreme detail, landscape photography, 8K, serene and majestic mood.

Creative Brief:

This image is suitable for a travel agency, a luxury resort, or a nature photography exhibition. It aims to evoke feelings of peace, beauty, and wanderlust. The target audience includes travelers, nature lovers, and anyone seeking tranquility and inspiration. The message is about the awe-inspiring beauty of nature and the allure of coastal escapism.

Visual Direction Specs:

  • Subject: A dramatic coastal landscape at sunset.
  • Style: Realistic landscape photography, majestic, serene.
  • Color Palette: Warm oranges, reds, and yellows in the sky, transitioning to deep purples and blues towards the zenith. Reflections of these colors in the water. Dark, silhouetted rocks.
  • Composition: Panoramic wide shot, emphasizing the vastness of the scene. Strong horizon line, with rock formations providing foreground interest.
  • Lighting: Sunset lighting, with a strong, warm glow from the sun below the horizon. Silhouettes should be sharp. Reflections on water should be soft and painterly.
  • Mood: Serene, majestic, peaceful, awe-inspiring, romantic.
  • Key Details: Detailed textures on the rock formations, subtle movement in the water, clear distinction between sky and sea. The lone seagull adds a touch of solitude and scale.

Concept 8: Conceptual Growth and Connection

Image Prompt:

A surreal, conceptual artwork depicting interconnected organic forms resembling glowing neural pathways or root systems, emerging from a single seed-like orb. The forms are translucent, emitting a soft, warm light (golden and amber), and subtly intertwine with each other, reaching upwards towards a distant, diffused light source. The background is a deep, velvety black, emphasizing the luminous forms. Sharp focus, high detail, conceptual art, 8K, ethereal and profound.

Creative Brief:

This image is for a thought leadership piece, a corporate report on innovation, or a wellness brand focusing on personal growth and interconnectedness. It aims to visually represent abstract concepts like growth, collaboration, and the unseen connections that drive progress. The target audience is reflective thinkers, business leaders, and individuals interested in personal development. The message is about the power of connection and organic evolution.

Visual Direction Specs:

  • Subject: Abstract organic forms symbolizing growth and connection.
  • Style: Surreal, conceptual art, ethereal, luminous, minimalist.
  • Color Palette: Dominantly warm golds, ambers, and soft oranges for the glowing forms. Deep, absolute black for the background.
  • Composition: Central focus on the seed-like orb, with pathways radiating outwards and upwards. Sense of depth through overlapping and varying luminosity.
  • Lighting: The forms are self-illuminating, casting a soft glow. The distant light source should be subtle, creating a sense of aspiration.
  • Mood: Profound, hopeful, mysterious, interconnected, organic.
  • Key Details: Focus on the translucency and subtle internal structure of the forms. They should appear delicate yet strong. Avoid any literal interpretations; maintain abstraction.

Concept 9: Modern Minimalist Interior

Image Prompt:

A pristine, wide-angle interior shot of a modern, minimalist living space bathed in abundant natural light from large floor-to-ceiling windows. The room features clean lines, a muted color palette (whites, light grays, natural wood), and a few carefully selected design pieces: a sleek modular sofa, a minimalist coffee table, and a large abstract painting on one wall. A single potted plant adds a touch of organic warmth. Sharp focus, high detail, architectural photography, 8K, serene and sophisticated atmosphere.

Creative Brief:

This image is for an architecture firm, an interior design magazine, or a luxury furniture brand. It aims to showcase contemporary design principles, emphasizing spaciousness, natural light, and refined simplicity. The target audience is affluent homeowners, design professionals, and those appreciating modern aesthetics. The message is about creating functional, beautiful, and calming living environments.

Visual Direction Specs:

  • Subject: A modern, minimalist interior.
  • Style: Architectural photography, clean, sophisticated, serene, contemporary.
  • Color Palette: Predominantly neutral: whites, off-whites, light grays, natural light wood tones. A subtle pop of color from the abstract art or the plant.
  • Composition: Wide-angle, capturing the entire room or a significant portion. Use leading lines from walls and furniture. Emphasize open space and natural light.
  • Lighting: Abundant, soft natural light from large windows. Minimal shadows, creating an airy feel.
  • Mood: Serene, sophisticated, calm, elegant, spacious.
  • Key Details: Perfect geometry of furniture, crisp edges, subtle textures on fabrics and walls. The potted plant should be simple and elegant, like a fiddle-leaf fig or snake
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);}});}