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

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

As requested, here are 10 professional AI image prompts, creative briefs, and visual direction specifications, designed for high-resolution output and detailed artistic execution. Each concept is distinct, offering a range of styles and purposes.


Image Prompt & Brief Creator: Professional Output

This document provides 10 comprehensive image concepts, each featuring a detailed AI image prompt, a strategic creative brief, and precise visual direction specifications. These outputs are crafted for professional use, ensuring clarity and actionable guidance for AI image generation platforms.


Concept 1: Futuristic Urban Oasis

1. AI Image Prompt:

sharper4k, a hyper-realistic, high-resolution photograph of a futuristic urban oasis at sunset. A towering skyscraper garden with bioluminescent flora integrated into its vertical facade, overlooking a bustling, neon-lit cityscape. Elegant, sleek flying vehicles glide silently between buildings. The sky is a gradient of deep orange, purple, and blue. A lone figure in contemporary, minimalist attire stands on a skybridge, gazing out. The architecture blends brutalist concrete with organic, flowing lines. Cinematic lighting, volumetric fog, intricate details, wide-angle shot, extremely detailed.

2. Creative Brief:

  • Purpose: To showcase an optimistic vision of sustainable urban living and advanced technology, appealing to future-focused audiences and tech companies.
  • Target Audience: Urban planners, architects, environmental tech companies, general public interested in future trends.
  • Key Message: Humanity and nature can thrive symbiotically in technologically advanced urban environments.
  • Desired Emotional Impact: Awe, hope, inspiration, and a sense of peaceful progress.

3. Visual Direction Specs:

  • Aspect Ratio: 16:9 (Cinematic Widescreen)
  • Artistic Style/Influences: Neo-futurism, Cyberpunk (cleaner aesthetic), Architectural visualization, Syd Mead.
  • Color Palette: Dominant cool blues and purples with warm orange and pink accents from the sunset and neon lights. Bioluminescent greens and soft whites.
  • Lighting: Dramatic golden hour sunset with contrasting deep shadows and vibrant neon glows. Volumetric lighting emphasizing depth.
  • Composition: Rule of Thirds, with the skyscraper garden as a dominant vertical element and the skybridge figure as a focal point. Leading lines from city roads and flying vehicles.
  • Mood/Atmosphere: Majestic, tranquil, aspirational, technologically advanced.
  • Notes/Negative Prompts: Avoid dystopia, overt clutter, dark or gritty feel. Ensure flora looks integrated and natural within the futuristic setting.

Concept 2: Serene Enchanted Forest Pathway

1. AI Image Prompt:

sharper4k, a breathtaking, ethereal photograph of a winding forest pathway bathed in soft, mystical light. Ancient, moss-covered trees with glowing runic symbols on their bark form a natural archway. The ground is covered in vibrant, bioluminescent fungi and delicate wildflowers. A gentle mist drifts through the scene, catching the light. Sunbeams pierce through the canopy, creating dappled light and shadow. A small, clear stream meanders alongside the path. Ultra-detailed foliage, soft focus on background, magical realism, tranquil, high fantasy.

2. Creative Brief:

  • Purpose: To evoke a sense of wonder, peace, and escapism, suitable for fantasy book covers, meditation apps, or nature-inspired branding.
  • Target Audience: Readers of fantasy literature, nature enthusiasts, individuals seeking tranquility, wellness brands.
  • Key Message: Discover the hidden magic and serenity of the natural world.
  • Desired Emotional Impact: Calmness, wonder, curiosity, a sense of being transported to another realm.

3. Visual Direction Specs:

  • Aspect Ratio: 3:2 (Classic Landscape)
  • Artistic Style/Influences: Romanticism, Pre-Raphaelite, Fantasy Art (e.g., Brian Froud, Alan Lee), Magical Realism.
  • Color Palette: Rich greens, earthy browns, soft blues and purples from the mist, vibrant glowing accents (yellows, soft oranges, light blues) from fungi and runes.
  • Lighting: Soft, diffused sunlight filtering through a dense canopy, creating dramatic light shafts. Gentle glows from bioluminescent elements.
  • Composition: Leading lines from the winding path and stream, drawing the eye into the depth of the forest. Framing elements from the tree canopy.
  • Mood/Atmosphere: Enchanting, mystical, peaceful, ancient, serene.
  • Notes/Negative Prompts: Avoid anything overtly spooky or dark. Ensure the magic feels subtle and integrated, not cartoonish. Focus on natural beauty with a fantastical twist.

Concept 3: Abstract Data Flow and AI Consciousness

1. AI Image Prompt:

sharper4k, an intricate and dynamic abstract representation of artificial intelligence consciousness. Swirling vortexes of luminous data streams and neural pathways converging and expanding within a dark, infinite space. Geometric patterns emerge and dissolve, representing complex algorithms. A central, softly glowing nucleus pulses with an intelligent light, surrounded by a halo of interconnected nodes. Deep blue, purple, and teal hues dominate, accented by vibrant electric white and gold streaks. Microscopic details, macro photography perspective, volumetric light, sense of infinite depth.

2. Creative Brief:

  • Purpose: To visually represent the complexity, power, and potential of AI and big data in a sophisticated and artistic manner. Ideal for tech conferences, AI research institutions, or corporate branding.
  • Target Audience: Tech industry professionals, data scientists, AI researchers, investors in technology, futurists.
  • Key Message: The intricate and evolving nature of artificial intelligence.
  • Desired Emotional Impact: Intellectual curiosity, awe, wonder, and a sense of profound technological advancement.

3. Visual Direction Specs:

  • Aspect Ratio: 1:1 (Square, suitable for social media, icons, or presentations)
  • Artistic Style/Influences: Abstract expressionism, Digital art, Quantum physics visualizations, Tron Legacy aesthetics.
  • Color Palette: Deep blues, purples, and teals as primary background colors. Electric whites, golds, and bright light blues for the data streams and glowing elements.
  • Lighting: Internal luminescence from the data streams and nucleus, creating a dramatic contrast against the dark background. Volumetric light effects.
  • Composition: Central focus on the glowing nucleus, with swirling patterns radiating outwards, creating a sense of movement and infinite possibility.
  • Mood/Atmosphere: Intelligent, mysterious, profound, futuristic, dynamic.
  • Notes/Negative Prompts: Avoid anything resembling a human brain or traditional circuitry. Keep it purely abstract and conceptual. No discernible text or symbols.

Concept 4: Minimalist Luxury Product Showcase (Smartwatch)

1. AI Image Prompt:

sharper4k, a meticulously crafted, ultra-sharp studio photograph of a sleek, minimalist luxury smartwatch. The watch is positioned elegantly on a polished, dark marble pedestal. Soft, diffused studio lighting highlights the brushed metallic finish (titanium grey) and the vibrant, edge-to-edge display showing a subtle, futuristic interface. The background is a seamless, gradient backdrop of deep charcoal fading to a soft black, creating a sophisticated halo effect around the product. Macro details on the watch face, perfect reflections, extremely clean, high-end product photography.

2. Creative Brief:

  • Purpose: To highlight the premium design, craftsmanship, and sophisticated technology of a luxury smartwatch, driving desire and perceived value.
  • Target Audience: Affluent consumers, tech enthusiasts, luxury brand followers, early adopters of high-end wearables.
  • Key Message: Unparalleled elegance meets cutting-edge technology.
  • Desired Emotional Impact: Desire, admiration, sophistication, and a sense of owning something exclusive.

3. Visual Direction Specs:

  • Aspect Ratio: 5:4 (Portrait, ideal for e-commerce or print ads)
  • Artistic Style/Influences: High-end product photography, Apple product shots, Scandinavian design minimalism.
  • Color Palette: Predominantly monochrome (grays, blacks, whites) with subtle, cool-toned accents from the smartwatch display.
  • Lighting: Softbox studio lighting, creating gentle highlights and deep, clean shadows. Emphasize metallic sheen and screen vibrancy.
  • Composition: Centered or slightly off-center product placement, utilizing negative space to enhance the sense of luxury. Clear focus on the product, shallow depth of field.
  • Mood/Atmosphere: Elegant, sophisticated, clean, premium, modern.
  • Notes/Negative Prompts: Avoid any clutter, reflections of undesirable objects, fingerprints, or imperfections. The focus must be entirely on the product's flawless design. No branding elements.

Concept 5: Steampunk Inventor's Workshop

1. AI Image Prompt:

sharper4k, a richly detailed, cinematic photograph of a bustling steampunk inventor's workshop. Gears, brass pipes, intricate clockwork mechanisms, and glowing vacuum tubes are everywhere. A brilliant, warm light emanates from a fantastical device on a workbench, illuminating scattered blueprints, tools, and half-finished contraptions. Dust motes dance in the light. In the foreground, a skilled inventor (Victorian-era attire, goggles pushed up) is engrossed in their work, hands precisely adjusting a tiny mechanism. Depth of field, volumetric light, intricate textures, warm sepia tones with metallic accents.

2. Creative Brief:

  • Purpose: To immerse viewers in a whimsical yet industrious world of invention, suitable for game concept art, book illustrations, or themed branding.
  • Target Audience: Steampunk enthusiasts, fantasy/sci-fi gamers, creative professionals, individuals appreciative of intricate craftsmanship.
  • Key Message: The spirit of innovation, ingenuity, and the beauty of mechanical complexity.
  • Desired Emotional Impact: Wonder, curiosity, nostalgia, a sense of adventure and discovery.

3. Visual Direction Specs:

  • Aspect Ratio: 16:9 (Widescreen, for immersive storytelling)
  • Artistic Style/Influences: Steampunk aesthetics, Victorian-era photography, Dutch Golden Age painting (chiaroscuro for lighting), Hayao Miyazaki for whimsical detail.
  • Color Palette: Dominant warm sepia tones, brassy golds, coppery oranges, deep browns, with pops of electric blue or green from glowing elements.
  • Lighting: Dramatic, warm light source from the central device, casting long shadows and highlighting textures. Volumetric dust motes in the light beams.
  • Composition: Dynamic, cluttered yet organized, with leading lines from pipes and workbenches drawing the eye to the central invention and the inventor.
  • Mood/Atmosphere: Busy, inventive, magical, warm, nostalgic, adventurous.
  • Notes/Negative Prompts: Avoid anything too dark or grimy. Ensure the machinery looks functional and intricate, not just random parts. The inventor should convey focus and passion.

Concept 6: Majestic Dragon in a Mythical Sky

1. AI Image Prompt:

sharper4k, an epic and awe-inspiring digital painting of a colossal, ancient dragon soaring majestically through a vibrant, cloud-strewn mythical sky. Its scales shimmer with iridescent blues and greens, catching the light. Powerful wings are fully extended, silhouetted against a setting sun that paints the clouds in fiery oranges, purples, and golds. Distant, fantastical mountain peaks are visible below. Dynamic perspective, capturing the immense scale and power of the creature. Cinematic lighting, dramatic clouds, high fantasy, breathtaking, photorealistic details on the dragon.

2. Creative Brief:

  • Purpose: To create a powerful, iconic fantasy image for book covers, game advertising, or epic film posters.
  • Target Audience: Fans of high fantasy, gamers, movie enthusiasts, collectors of fantasy art.
  • Key Message: The grandeur and untamed power of mythical creatures in a fantastical world.
  • Desired Emotional Impact: Awe, wonder, excitement, a sense of epic scale and adventure.

3. Visual Direction Specs:

  • Aspect Ratio: 21:9 (Ultra-Widescreen, for maximum cinematic impact)
  • Artistic Style/Influences: High fantasy art (e.g., Frank Frazetta, Boris Vallejo, Dragon Age concept art), Romantic landscape painting.
  • Color Palette: Fiery oranges, deep reds, purples, and golds in the sky; iridescent blues, greens, and grays for the dragon's scales.
  • Lighting: Dramatic backlighting from the setting sun, creating a powerful silhouette and rim lighting on the dragon. Emphasis on cloud textures and light interaction.
  • Composition: Dynamic angle, possibly slightly from below, emphasizing the dragon's size. The dragon should dominate the frame but leave room for the vast sky and distant landscape.
  • Mood/Atmosphere: Epic, majestic, powerful, awe-inspiring, mythical.
  • Notes/Negative Prompts: Avoid any cartoonish or overly aggressive depiction. The dragon should be powerful but graceful. Ensure the scales have a realistic, textured appearance.

Concept 7: Human Connection to Nature in a Digital Age

1. AI Image Prompt:

sharper4k, a thought-provoking, surreal photorealistic composite image. A human hand gently touching a holographic projection of a lush, vibrant forest and clear flowing water. The hand is perfectly rendered, showing intricate skin texture and subtle light interaction. The holographic projection emanates from a minimalist, glowing platform, casting soft light onto the surrounding dark, abstract digital space. Below the platform, subtle lines of code or data flow like roots. Contrast of organic beauty and digital representation, symbolic, clean, profound.

2. Creative Brief:

  • Purpose: To symbolize the critical connection between humanity, nature, and technology, promoting environmental awareness or sustainable tech solutions.
  • Target Audience: Environmental organizations, tech companies focusing on sustainability, educational institutions, general public concerned with ecological balance.
  • Key Message: The imperative to preserve nature even as we advance technologically; technology can be a bridge to understanding and protecting our environment.
  • Desired Emotional Impact: Reflection, hope, responsibility, a sense of interconnectedness.

3. Visual Direction Specs:

  • Aspect Ratio: 4:3 (Classic, balanced composition)
  • Artistic Style/Influences: Surrealism, Conceptual photography, Digital art, Environmental art.
  • Color Palette: Vibrant greens and blues for the holographic nature, contrasting with cool grays and deep blues of the digital background. Soft white/cyan glow from the projection.
  • Lighting: Soft, ethereal glow from the holographic projection, illuminating the hand and creating subtle shadows. Backlighting from the digital background elements.
  • Composition: Central focus on the hand and projection, creating a strong symbolic connection. Use of negative space to enhance the conceptual nature.
  • **
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);}});}