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

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

As a professional AI assistant within PantheraHive, I am executing step 1 of 1 for the "Image Prompt & Brief Creator" workflow. Below are 10 comprehensive, detailed, and professional sets of AI Image Prompts, Creative Briefs, and Visual Direction Specifications, designed to be directly actionable for AI image generation and client review.


Image Prompt & Brief Creator: 10 Professional Outputs

Concept 1: Futuristic Urban Oasis

1. AI Image Prompt

"A hyperrealistic, high-angle shot of a utopian vertical garden integrated into a sleek, minimalist skyscraper in a bustling, futuristic metropolis at dawn. The garden features bioluminescent flora in vibrant blues and purples, contrasting with brushed chrome and glass architecture. Drones hover silently, maintaining the landscape. The atmosphere is serene yet technologically advanced. Cinematic lighting, volumetric fog, ultra-detailed, 8K, photorealistic, cyberpunk aesthetic meets biophilic design."

2. Creative Brief

Project Title: Eco-Futura Urban Living

Client: Zenith Developments

Objective: To visualize a sustainable, high-tech urban living concept that blends advanced technology with nature, appealing to environmentally conscious millennials and Gen Z seeking innovative city life.

Key Message: Sustainable future, technological harmony, urban serenity.

3. Visual Direction Specifications

  • Style: Hyperrealistic, futuristic, clean, minimalist, photorealistic.
  • Mood: Serene, hopeful, innovative, advanced.
  • Composition: High-angle (drone shot perspective) emphasizing the verticality and integration of nature. Rule of thirds for architectural elements.
  • Lighting: Soft, early morning light with a warm glow on the horizon, contrasting with the cool, internal bioluminescence of the flora. Volumetric fog subtly diffusing light.
  • Color Palette: Primarily cool tones (blues, purples, greens) for flora and technology, offset by warm oranges/pinks of the sunrise and muted grays/silvers of architecture.
  • Elements:

* Sleek, towering skyscrapers with reflective surfaces.

* Extensive vertical gardens covering building facades.

* Bioluminescent plants (glowing blue/purple).

* Subtle, futuristic flying vehicles/drones.

* Clean, unblemished surfaces.

* Absence of visible people to emphasize scale and tranquility.


Concept 2: Ancient Wisdom in a Modern World

1. AI Image Prompt

"A wide-angle, cinematic shot of a young, diverse group of individuals meditating in a tranquil, sun-drenched ancient temple ruin, subtly integrated with holographic projections of complex data streams and constellations. The scene blends weathered stone with ethereal blue and gold light. Each person is in a serene pose, reflecting focus. Lush, overgrown jungle foliage frames the shot. Golden hour lighting, dust motes, depth of field, 16:9 aspect ratio, 8K, spiritual, technological convergence."

2. Creative Brief

Project Title: Mindful Innovation

Client: Aura Wellness Tech

Objective: To create a visual that represents the fusion of ancient spiritual practices with cutting-edge technology, targeting professionals seeking balance and mental clarity in a fast-paced world.

Key Message: Harmony of tradition and technology, inner peace, enlightened progress.

3. Visual Direction Specifications

  • Style: Realistic with a touch of ethereal fantasy, cinematic, high contrast.
  • Mood: Peaceful, contemplative, enlightened, mysterious, empowering.
  • Composition: Wide shot, slightly low-angle, capturing the grandeur of the ruins and the group. Focus on the individuals and their connection to the environment.
  • Lighting: Golden hour (late afternoon) sunlight streaming through gaps in the ruins and foliage, creating dramatic shafts of light and shadow. Subtle glow from holographic elements.
  • Color Palette: Earthy tones (greens, browns, grays) for the ruins and nature, contrasted with warm golds and cool blues for the light and holographic projections.
  • Elements:

* Ancient stone temple ruins (e.g., Angkor Wat style).

* Diverse group (3-5 people) in comfortable, modern-casual attire, meditating.

* Subtle, translucent holographic interfaces displaying data, celestial maps, or geometric patterns.

* Lush, tropical foliage and vines.

* Soft focus on background and foreground elements to draw attention to the subjects.


Concept 3: Culinary Artistry - Deconstructed Dessert

1. AI Image Prompt

"A close-up, top-down (flat lay) shot of a meticulously deconstructed gourmet dessert on a minimalist slate plate. Elements include: spherical mango gel, edible flowers (pansies, violas), delicate chocolate soil, vibrant raspberry coulis droplets, microgreens, and a single quenelle of vanilla bean ice cream. The arrangement is artistic and intentional. Soft, natural daylight from the left. Shallow depth of field, focus on textures. Food photography style, high resolution, Michelin-star presentation, 4K, macro details."

2. Creative Brief

Project Title: Sweet Science

Client: Gastronomy Magazine

Objective: To showcase innovative dessert presentation and culinary technique for a high-end food magazine, targeting professional chefs and food enthusiasts.

Key Message: Precision, innovation, edible art.

3. Visual Direction Specifications

  • Style: Modern food photography, clean, minimalist, high detail, artistic.
  • Mood: Sophisticated, elegant, precise, inviting.
  • Composition: Flat lay (top-down) with elements artfully scattered or arranged. Ample negative space around the central dish.
  • Lighting: Soft, diffused natural daylight coming from one side (left or right) to create gentle shadows and highlight textures. No harsh reflections.
  • Color Palette: Bright, natural colors of the ingredients (yellows, reds, greens, browns, white) against a dark, matte background (slate).
  • Elements:

* Slate or dark ceramic plate as the base.

* Individual dessert components separated and artfully placed.

* Focus on contrasting textures (smooth gel, crumbly soil, creamy ice cream).

* Extremely sharp focus on the dessert, with a very shallow depth of field.

* Clean, uncluttered background.


Concept 4: Abstract Data Flow

1. AI Image Prompt

"An abstract, ethereal representation of data flowing through a neural network. Swirling ribbons of light in electric blues, greens, and purples intersect and merge, forming intricate, glowing pathways against a deep, dark cosmic background. Subtle particulate effects, bokeh lights, and volumetric fog enhance the sense of depth and movement. Focus on dynamic curves and luminous energy. Digital art, ultra-detailed, high contrast, visually complex, 8K, generative art style, concept for AI/machine learning."

2. Creative Brief

Project Title: The Pulse of Information

Client: Quantum Analytics Inc.

Objective: To visualize the complex and dynamic nature of data processing and AI algorithms in an abstract yet captivating manner, for a tech company's website header or marketing materials.

Key Message: Intelligence, connectivity, innovation, data power.

3. Visual Direction Specifications

  • Style: Abstract, digital art, generative, futuristic, luminous.
  • Mood: Dynamic, intelligent, mysterious, expansive, energetic.
  • Composition: No central focal point; rather, a harmonious flow of elements across the frame. Emphasize depth and movement through overlapping ribbons.
  • Lighting: Self-illuminated elements. Dark background with glowing pathways, creating high contrast. Subtle light sources within the ribbons themselves.
  • Color Palette: Predominantly electric blues, vibrant greens, deep purples, with touches of magenta or cyan. Dark, almost black background.
  • Elements:

* Intertwining, translucent ribbons or streams of light.

* Small, glowing particles or dust motes within the streams.

* Soft bokeh effects in the background.

* No recognizable objects, purely abstract forms.

* Smooth gradients and transitions within the colors.


Concept 5: High Fashion Editorial - Urban Power Suit

1. AI Image Prompt

"A striking, full-body editorial fashion shot of a confident, androgynous model (mid-20s, sharp features, short hair) wearing a meticulously tailored, oversized charcoal grey power suit with sharp shoulders and wide-leg trousers. The model stands poised in a rain-slicked, neon-lit Tokyo street at night, with blurred city lights and reflections creating a dramatic backdrop. Dynamic pose, direct eye contact with camera. High contrast, cinematic noir lighting, shallow depth of field, fashion photography, 8K, Vogue aesthetic."

2. Creative Brief

Project Title: Metropolitan Edge

Client: "ICON" Fashion Magazine

Objective: To capture a modern, powerful, and edgy fashion statement for a high-end editorial spread, appealing to fashion-forward individuals interested in gender-fluid and minimalist styles.

Key Message: Confidence, sophistication, urban chic, breaking norms.

3. Visual Direction Specifications

  • Style: High fashion editorial, cinematic, noir, edgy, sleek.
  • Mood: Powerful, confident, mysterious, sophisticated, urban.
  • Composition: Full-body shot, centered or slightly off-center, emphasizing the model's stature and the suit's silhouette. Negative space around the model for dramatic effect.
  • Lighting: Dramatic, high-contrast lighting. Key light on the model's face and suit, with strong shadows. Neon lights from the city creating colorful reflections on wet surfaces and as blurred background elements.
  • Color Palette: Dominant charcoal greys and blacks for the suit, contrasted with vivid neon colors (blues, pinks, yellows) from the city lights.
  • Elements:

* Androgynous model with strong, confident expression.

* Oversized, impeccably tailored power suit.

* Rain-slicked street/pavement with reflections.

* Blurred neon city lights in the background (e.g., Tokyo, Hong Kong).

* Minimal accessories, focus on tailoring and silhouette.

* Subtle steam or mist for atmosphere.


Concept 6: Collaborative Innovation Hub

1. AI Image Prompt

"A vibrant, wide-angle interior shot of a modern, open-plan innovation lab. Diverse professionals (mid-20s to 40s, business casual) are actively collaborating around interactive holographic displays showing complex 3D models and data visualizations. Sunlight streams through large windows, illuminating a mix of natural wood, glass partitions, and ergonomic furniture. Laughter and focused discussion are implied. Energetic, optimistic mood. Warm lighting, depth of field, busy but organized, 8K, corporate photography style, tech startup aesthetic."

2. Creative Brief

Project Title: Future Forward Workspace

Client: InnovateX Solutions

Objective: To visually represent a dynamic, collaborative, and forward-thinking work environment for a tech and consulting firm, attracting top talent and showcasing their innovative culture.

Key Message: Collaboration, innovation, creativity, future-oriented.

3. Visual Direction Specifications

  • Style: Modern corporate photography, realistic, clean, vibrant.
  • Mood: Energetic, collaborative, optimistic, intelligent, productive.
  • Composition: Wide shot, capturing multiple groups or individuals interacting. Leading lines from architectural elements to draw the eye through the space.
  • Lighting: Bright, natural sunlight from large windows, supplemented by warm, diffused interior lighting. Avoid harsh shadows.
  • Color Palette: Predominantly bright and inviting. Natural wood tones, whites, light grays, with pops of vibrant colors from holographic displays (blues, greens, oranges) and subtle branding elements.
  • Elements:

* Diverse group of 6-8 professionals, actively engaged (gesturing, pointing, discussing).

* Interactive holographic displays showing complex data, 3D models, or code.

* Modern, ergonomic office furniture (standing desks, comfortable seating).

* Glass partitions, natural wood accents, living plants.

* High ceilings, open space.

* Subtle background blur to keep focus on the foreground activity.


Concept 7: Mythical Forest Guardian

1. AI Image Prompt

"A breathtaking, epic fantasy shot of an ancient, wise forest guardian, a humanoid entity made of intertwining roots, moss, and glowing bioluminescent fungi, standing majestically amidst an ethereal, mist-shrouded ancient forest. Soft, magical light filters through the canopy, illuminating dust motes. Ancient runes are subtly carved into its bark-like skin. A lone, glowing firefly hovers near its outstretched hand. Cinematic, high detail, volumetric light, deep depth of field, 8K, fantasy art, Lord of the Rings meets Avatar."

2. Creative Brief

Project Title: Echoes of Eldoria

Client: Dragon's Lair Gaming Studio

Objective: To create a key visual for a new fantasy RPG, evoking a sense of ancient magic, mystery, and natural power, appealing to players who love immersive world-building and epic narratives.

Key Message: Ancient magic, natural power, mystical protection, epic fantasy.

3. Visual Direction Specifications

  • Style: Epic fantasy art, photorealistic with magical elements, cinematic.
  • Mood: Mysterious, awe-inspiring, serene, ancient, powerful.
  • Composition: Medium shot or full-body shot of the guardian, positioned slightly off-center to emphasize the surrounding forest. Leading lines from tree trunks and roots.
  • Lighting: Soft, diffused magical light filtering through a dense canopy, creating ethereal rays. Bioluminescence from the guardian and fungi provides internal glow. Volumetric mist enhances depth.
  • Color Palette: Deep greens, earthy browns, grays for the forest and guardian, contrasted with glowing blues, purples, and soft yellows from magical elements and fungi.
  • Elements:

* Humanoid forest guardian, intricately detailed with bark, roots, and moss.

* Glowing bioluminescent fungi on the guardian and surrounding trees.

* Mist or fog covering the forest floor.

* Ancient, towering trees with gnarled branches.

* Subtle magical effects (e.g., glowing particles, ethereal wisps).

* Small, glowing creature (e.g., firefly) for scale and charm.


Concept 8: Gritty Urban Street Art Mural

1. AI Image Prompt

"A dynamic, wide-angle shot of a vibrant, large-scale street art mural covering an entire brick wall in a bustling, gritty urban alleyway. The mural depicts a fusion of abstract geometric shapes with photorealistic portraits of diverse local heroes, rendered in spray paint texture. Graffiti tags and weathered posters are visible on adjacent walls. A single, focused street artist (back to camera) adds a final touch. Overcast daylight, subtle reflections on wet ground, high contrast, documentary style, 8K, RAW photo, Brooklyn street art aesthetic."

2. Creative Brief

Project Title: Walls of the City

Client: Urban Culture Foundation

Objective: To capture the raw energy and artistic expression of urban street art, highlighting community and creativity, for a cultural festival's promotional material.

Key Message: Urban culture, artistic expression, community, raw creativity.

3. Visual Direction Specifications

  • Style: Documentary photography, gritty realism, vibrant street art.
  • Mood: Energetic, authentic, rebellious, creative, urban.
  • Composition: Wide shot, capturing the full mural and the surrounding urban environment. Slight low-angle to emphasize the scale. The artist provides a human element.
  • Lighting: Overcast daylight for even, diffused light, bringing out the colors of the mural without harsh shadows. Subtle reflections on potentially wet ground for added realism.
  • Color Palette: Bold, vibrant colors of the mural (pinks, blues, yellows, reds) contrasting with the muted, desaturated tones of the brick, concrete, and urban grime.
  • Elements:

* Large, detailed street art mural with a mix of styles.

* Brick wall texture visible through the paint.

* Adjacent walls with smaller graffiti tags, peeling posters, or weathered surfaces.

* A single street artist in the foreground or mid-ground, focused on their work.

* Urban detritus (e.g., discarded spray cans, subtle litter) for authenticity.

* No direct sunlight, to avoid glare and emphasize texture.


Concept 9: Serene Wellness Retreat

1. AI Image Prompt

"A tranquil, wide-angle interior shot of a minimalist, sun-drenched wellness studio overlooking a serene ocean at sunrise. Soft, diffused light fills the space, illuminating light wooden floors, white linen curtains swaying gently, and a single yoga mat perfectly centered. A delicate ceramic tea set rests on a small, round side table. The mood is one of profound peace and calm.

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