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

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

As per your request, here are 10 comprehensive, detailed, and professional AI image prompts, creative briefs, and visual direction specifications, designed for generating sharper 4K images.


Image Prompt & Brief Creator: Deliverable

Overview

This deliverable provides 10 distinct concepts, each featuring a detailed AI image prompt, a concise creative brief, and specific visual direction specifications. These outputs are crafted to guide advanced AI image generation models towards producing high-quality, impactful, and visually rich 4K images.


Concept 1: "Neon Metropolis Reflection"

  • Image Prompt:

A hyper-realistic, sharper4k, ultra-detailed shot of a futuristic cyberpunk metropolis at twilight. Towering skyscrapers with intricate neon lighting schemes reflect in a wet, cobblestone street after a recent rain. A lone, sleek, self-driving hovercar glides silently in the mid-ground. The atmosphere is moody and vibrant, with steam rising from grates. Focus on deep reflections, intricate light trails, and the contrast between cool blues/purples and warm oranges/pinks. Cinematic wide-angle shot, f/2.8, professional photography, volumetric lighting, ray tracing, octane render.

  • Creative Brief:

To create a captivating hero image for a tech company's "Future Cities" campaign, emphasizing innovation, advanced infrastructure, and a sophisticated urban lifestyle. The image should evoke wonder and a sense of possibility.

  • Visual Direction Specs:

* Mood: Futuristic, enigmatic, sophisticated, slightly melancholic.

* Color Palette: Dominantly cool blues, purples, and teals, punctuated by warm neon oranges, pinks, and reds.

* Composition: Low-angle, wide shot emphasizing the verticality of the skyscrapers and the expanse of the wet street. Rule of thirds for the hovercar.

* Lighting: Dramatic volumetric lighting from neon signs, streetlights, and building interiors. Strong, sharp reflections are crucial.

* Details: Intricate architectural details, subtle rain streaks on surfaces, glowing holographic advertisements.

* Camera Angle: Ground-level, wide-angle lens (e.g., 24mm equivalent).


Concept 2: "Ancient Wisdom, Modern Light"

  • Image Prompt:

A sharper4k, highly detailed, photorealistic depiction of an elderly, serene monk with a weathered face and kind eyes, meticulously hand-copying ancient scrolls in a sun-drenched, rustic library. Golden hour light streams through a tall, arched window, illuminating dust motes and casting warm highlights on his bald head and simple robes. The room is filled with shelves of old, leather-bound books. Shallow depth of field, focused on the monk's hands and face. Naturalistic lighting, Vermeer-esque quality, professional portrait photography, Canon EOS R5, f/1.8, soft focus bokeh.

  • Creative Brief:

To represent the timeless pursuit of knowledge, tradition, and peaceful contemplation for an educational institution's promotional material. The image should convey wisdom, serenity, and the value of history.

  • Visual Direction Specs:

* Mood: Serene, contemplative, wise, warm, nostalgic.

* Color Palette: Earthy tones (browns, ochres, deep reds) for the library and robes, contrasting with the soft golden light.

* Composition: Close-up portrait focusing on the monk's profile or 3/4 view, with his hands and the scroll prominent. The window light should be a key compositional element.

* Lighting: Predominantly natural, soft golden hour light from a single source (the window), creating strong highlights and subtle shadows.

* Details: Textures of aged parchment, worn leather on books, the intricate lines on the monk's face and hands.

* Camera Angle: Eye-level or slightly above, to create an intimate connection.


Concept 3: "Dynamic Abstract Energy Flow"

  • Image Prompt:

An abstract, sharper4k, ultra-high resolution image depicting a dynamic flow of glowing, interconnected energy particles in a dark, ethereal void. Swirling streaks of vibrant blues, electric greens, and fiery oranges coalesce and dissipate, forming complex, organic patterns. The particles exhibit a subtle bioluminescent quality, leaving faint trails. The composition is fluid and energetic, suggesting motion and transformation. Macro photography style, light painting, long exposure effect, 3D rendering, Octane render, volumetric mist, depth of field.

  • Creative Brief:

To serve as a captivating background or visual metaphor for a technology company specializing in data processing, AI, or renewable energy. The image should convey innovation, complexity, and dynamic power.

  • Visual Direction Specs:

* Mood: Energetic, mysterious, futuristic, dynamic, abstract.

* Color Palette: A vibrant interplay of cool (blues, greens) and warm (oranges, reds) colors, with strong luminosity against a deep black or dark grey background.

* Composition: Non-representational, focusing on the swirling patterns and interplay of light. Avoid any recognizable shapes, aiming for pure abstract form.

* Lighting: Self-illuminating particles, creating their own light and casting subtle glows onto the surrounding void.

* Details: Micro-details of individual particles, smooth light trails, subtle gradients within the glowing elements.

* Camera Angle: Macro perspective, showcasing intricate details of the energy flow.


Concept 4: "Gourmet Dessert Deconstruction"

  • Image Prompt:

A sharper4k, professional food photography shot of a deconstructed gourmet dessert on a minimalist slate plate. Elements include: a perfectly spherical raspberry mousse, delicate edible flowers (pansies, violas), crisp dark chocolate shards, a vibrant green pistachio crumble, and a drizzle of passion fruit coulis. The composition is artfully arranged with negative space. Soft, diffused studio lighting from the top-right, creating subtle shadows and enhancing textures. Focus on macro details of each ingredient. White marble background. Canon 5D Mark IV, 100mm macro lens, f/4, food stylist quality.

  • Creative Brief:

To showcase culinary artistry and high-end gastronomy for a luxury restaurant, food magazine, or gourmet product line. The image should be visually appealing, elegant, and evoke a sense of exquisite taste.

  • Visual Direction Specs:

* Mood: Elegant, sophisticated, appetizing, precise.

* Color Palette: Natural, vibrant colors of the fruits and flowers, contrasted with the dark chocolate and slate plate.

* Composition: Deliberately minimalist and asymmetrical. Use negative space effectively. Each element should be distinct yet contribute to the overall harmony.

* Lighting: Soft, diffused, directional light to highlight textures and create gentle shadows, giving depth without harshness.

* Details: The velvety texture of the mousse, the delicate veins of the edible flowers, the sheen of the chocolate, the vibrant colors of the coulis.

* Camera Angle: Overhead (flat lay) or slightly elevated 45-degree angle, to capture the arrangement.


Concept 5: "Majestic Arctic Wolf Portrait"

  • Image Prompt:

A sharper4k, breathtaking wildlife photography portrait of a majestic Arctic wolf (Canis lupus arctos) in its natural, snowy habitat. The wolf is standing alert, looking directly into the camera with piercing amber eyes. Its pristine white fur is thick and textured, dusted with fresh snow. The background is a soft, out-of-focus blizzard of snowflakes against a muted grey-blue sky, creating a sense of cold and wilderness. Backlit by a faint, soft sun, creating a subtle rim light on its fur. Professional telephoto lens, f/2.8, Canon R5, National Geographic style, natural light.

  • Creative Brief:

To capture the raw beauty, resilience, and captivating presence of wildlife for a conservation campaign, nature documentary, or outdoor apparel brand. The image should inspire awe and respect for nature.

  • Visual Direction Specs:

* Mood: Majestic, wild, powerful, serene, cold.

* Color Palette: Dominantly whites, greys, and muted blues for the snow and sky, with the striking amber of the wolf's eyes as a focal point.

* Composition: Rule of thirds for the wolf's head and eyes. The wolf should fill a significant portion of the frame, emphasizing its presence.

* Lighting: Soft, natural light, potentially with a subtle backlight to create a halo effect on the fur. Emphasize the texture of the snow and fur.

* Details: Every strand of fur, the glint in its eyes, individual snowflakes, the subtle patterns in the snow.

* Camera Angle: Eye-level with the wolf, to create an intimate and respectful connection.


Concept 6: "Biometric Security Interface"

  • Image Prompt:

A sharper4k, sleek, ultra-modern UI/UX design concept for a biometric security interface. A glowing, intricate blue-green fingerprint scan animation is centrally displayed on a transparent, holographic screen. Surrounding it are minimalist data points and user authentication graphics, all rendered with subtle glows and clean lines against a dark, slightly textured background. The aesthetic is clean, high-tech, and intuitive. Depth of field with a subtle bokeh on background elements. 3D rendering, UI design, vector graphics, volumetric lighting, futuristic.

  • Creative Brief:

To visualize advanced security technology for a cybersecurity firm, a smart home system, or a futuristic device manufacturer. The image should convey security, innovation, and user-friendliness.

  • Visual Direction Specs:

* Mood: Secure, futuristic, precise, clean, intelligent.

* Color Palette: Predominantly cool blues, greens, and white for the interface elements, contrasted with a deep charcoal or black background.

* Composition: Central focus on the fingerprint animation, with supporting information radiating outwards. Clean, symmetrical, and balanced.

* Lighting: Self-illuminating elements, with subtle internal glows and reflections on the holographic surface.

* Details: Fine lines of the fingerprint, subtle glints on UI elements, crisp text, and icons.

* Camera Angle: Slightly angled perspective, as if viewed from a user's perspective, to give it depth.


Concept 7: "Enchanted Forest Portal"

  • Image Prompt:

A sharper4k, fantastical and ethereal scene of an ancient, gnarled tree in a moss-laden, enchanted forest. At its base, a shimmering, swirling portal of iridescent light (blues, purples, golds) pulses gently. Wisps of magical mist curl around the tree and portal. Sunbeams pierce through the dense canopy, creating dramatic god rays that illuminate glowing faerie lights drifting near the portal. Rich, vibrant greens, deep browns, and magical light. Fantasy art, cinematic lighting, digital painting, photorealistic textures, volumetric fog, Unreal Engine 5.

  • Creative Brief:

To create an imaginative and wondrous scene for a fantasy novel cover, a game environment concept, or a magical themed event. The image should evoke mystery, wonder, and a sense of otherworldliness.

  • Visual Direction Specs:

* Mood: Magical, mysterious, wondrous, ancient, serene yet powerful.

* Color Palette: Deep emerald greens and earthy browns, contrasted with vibrant, iridescent blues, purples, and golds from the portal and faerie lights.

* Composition: The ancient tree and portal as the central focal point. Use leading lines from roots and branches to guide the eye towards the portal.

* Lighting: Dramatic natural light from above (god rays) combined with the internal glow of the portal and faerie lights. Emphasize light and shadow play.

* Details: Intricate bark texture, individual leaves, glowing moss, swirling patterns within the portal, delicate faerie light trails.

* Camera Angle: Eye-level or slightly low-angle, looking up towards the canopy and the portal.


Concept 8: "Industrial Heritage Reimagined"

  • Image Prompt:

A sharper4k, highly detailed, atmospheric shot of a vast, abandoned industrial factory interior, bathed in dramatic, cinematic light. Rusting machinery and crumbling concrete pillars are overgrown with vibrant green moss and delicate wildflowers, symbolizing nature reclaiming industry. Dust motes dance in thick shafts of sunlight streaming through broken windows. The floor is covered in fallen debris and puddles reflecting the light. Wide-angle, HDR photography, post-apocalyptic aesthetic, gritty textures, volumetric dust, ray tracing, CineStill 800T film emulation.

  • Creative Brief:

To visually represent themes of decay, renewal, and the passage of time for an art exhibition, a documentary on industrial history, or a conceptual design project. The image should be melancholic yet beautiful.

  • Visual Direction Specs:

* Mood: Melancholic, nostalgic, haunting, resilient, beautiful decay.

* Color Palette: Muted industrial greys, browns, and rust tones, contrasted with vibrant greens of moss and subtle colors of wildflowers. Strong interplay of light and shadow.

* Composition: Wide-angle shot emphasizing the scale and vastness of the space. Use leading lines from machinery and light shafts to draw the eye into the scene.

* Lighting: Dramatic, high-contrast lighting from broken windows, creating strong shafts of light and deep shadows. Volumetric dust is essential.

* Details: Textures of rust, crumbling concrete, delicate plant growth, reflections in puddles, individual dust particles.

* Camera Angle: Low-angle, looking down the length of the factory, or a slightly elevated perspective to capture the overall scene.


Concept 9: "Futuristic Urban Transit Hub"

  • Image Prompt:

A sharper4k, crisp, architectural visualization of a bustling, futuristic urban transit hub at peak hour. Sleek, minimalist design with polished concrete, glass, and brushed metal surfaces. High-speed maglev trains arrive and depart silently. Holographic display maps and information panels glow softly. Diverse, stylishly dressed commuters move in blurred motion, conveying a sense of efficiency and speed. Overhead, a vast, domed skylight allows diffused natural light to flood the space. Clean, organized, hyper-modern aesthetic. Architectural photography, wide-angle perspective, long exposure effect for motion blur, V-Ray render, photorealistic.

  • Creative Brief:

To illustrate advanced urban planning and efficient public transportation for a smart city initiative, an architectural firm, or a transportation technology company. The image should convey efficiency, progress, and sophistication.

  • Visual Direction Specs:

* Mood: Efficient, futuristic, sophisticated, dynamic, clean.

* Color Palette: Cool greys, whites, and blues for the architecture, with subtle accents of colored light from holographic displays.

* Composition: Wide-angle shot capturing the grandeur and scale of the hub. Use leading lines from platforms and architectural elements. The blurred motion of commuters adds dynamism.

* Lighting: Primarily diffused natural light from the skylight, supplemented by soft, integrated artificial lighting from UI elements and architectural features.

* Details: Reflections on polished surfaces, subtle textures of concrete and metal, crispness of holographic displays, the sleek lines of the trains.

* Camera Angle: Slightly elevated, looking down into the hub, or eye-level from a platform, emphasizing scale and activity.


Concept 10: "Surreal Dreamscape Ascent"

  • Image Prompt:

A sharper4k, highly imaginative and surreal dreamscape. A lone, elegant figure in a flowing white gown stands on a small, floating island of mossy earth, gently ascending towards a gigantic, luminous, crystalline moon in a star-dusted, pastel-gradient sky (soft pinks, purples, blues). Delicate, glowing bioluminescent flora grows on the island. Wisps of ethereal clouds drift below the island. The atmosphere is serene and awe-inspiring. Magical realism, digital painting, cinematic composition, volumetric fog, soft focus, depth of field, art nouveau influences.

  • Creative Brief:

To create an evocative and symbolic image for a wellness brand, a meditation app, or a personal growth platform. The image should inspire peace, wonder, and a sense of spiritual journey or transcendence.

  • Visual Direction Specs:

* Mood: Serene, ethereal, wondrous, dreamlike, hopeful.

* Color Palette: Soft pastels (pinks, lavenders, sky blues) for the

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);}});}