Image Prompt & Brief Creator
Run ID: 69b6f9fe896970b0894648bb2026-03-29Design
PantheraHive BOS
BOS Dashboard

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

Workflow Execution: Image Prompt & Brief Creator

Overview

This output delivers 10 comprehensive sets of AI image prompts, creative briefs, and detailed visual direction specifications, all centered around the topic of "AI Technology." Each set is designed for immediate use with advanced AI image generation platforms like sharper4k, ensuring high-quality, professional, and impactful visuals. The goal is to provide diverse perspectives on AI, from its practical applications to its abstract and ethical dimensions.

Generated Image Assets

Image Asset 1: AI in Precision Healthcare

  • AI Image Prompt:

"Ultra-photorealistic, cinematic shot of a diverse female surgeon (mid-30s, confident expression, wearing advanced medical scrubs) in a sterile, futuristic operating room. She is interacting with a transparent, holographic display that projects complex 3D anatomical models overlaid with glowing AI diagnostic algorithms and real-time vital signs. Subtle, sleek robotic surgical arms are in the background, out of focus. Lighting is high-key, cool, and clinical, with vibrant blue and green accents from the holograms. 8K, volumetric lighting, shallow depth of field, sci-fi medical."

  • Creative Brief:

* Project Title: AI-Assisted Surgical Precision

* Objective: Illustrate the cutting-edge application of AI in enhancing surgical accuracy and patient outcomes.

* Target Audience: Medical professionals, healthcare technology investors, patients interested in advanced care.

* Key Message: AI empowers medical experts with unprecedented precision and insight, transforming healthcare.

* Usage: Medical conference presentations, corporate websites for med-tech companies, industry publications.

  • Visual Direction Specs:

* Style: Hyper-realistic, futuristic, clean, precise, professional.

* Composition: Medium close-up, focusing on the surgeon's interaction with the holographic interface.

* Color Palette: Predominantly sterile whites and cool grays, with vibrant, glowing blues and greens from the AI visualizations.

* Lighting: Bright, diffused, high-key clinical lighting, with focused illumination on the holographic elements.

* Mood/Emotion: Intelligent, precise, innovative, hopeful, empowering.

* Key Elements: Female surgeon, holographic anatomical display, AI algorithms, futuristic operating room.

Image Asset 2: Smart City AI Management Core

  • AI Image Prompt:

"Wide, dynamic shot of a sprawling, futuristic smart city at dawn, viewed from a high vantage point. The cityscape is a mosaic of sleek skyscrapers, elevated green spaces, and flowing autonomous traffic. Overlaying the entire scene is a glowing, intricate network of data streams and algorithmic pathways, emanating from a central, spherical AI core that pulses with light. The sky transitions from deep purples to soft oranges. Cinematic, 16K, detailed, urban planning, sci-fi aesthetic, volumetric fog at street level."

  • Creative Brief:

* Project Title: The Intelligent Urban Ecosystem

* Objective: Visualize the comprehensive and interconnected AI infrastructure managing a modern smart city.

* Target Audience: Urban planners, government officials, sustainable development organizations, tech innovators.

* Key Message: AI is the central nervous system of future cities, optimizing efficiency, sustainability, and quality of life.

* Usage: Government reports, smart city development proposals, tech expos, sustainability campaigns.

  • Visual Direction Specs:

* Style: Futuristic, architectural, grand scale, conceptual.

* Composition: Wide aerial shot, emphasizing the city's vastness and the pervasive AI network.

* Color Palette: Deep dawn purples and oranges in the sky, contrasting with cool blues, greens, and whites of city lights and the glowing AI network.

* Lighting: Soft, ambient dawn light, with strong emphasis on artificial city illumination and the luminous AI overlay.

* Mood/Emotion: Awe-inspiring, efficient, harmonious, progressive, sophisticated.

* Key Elements: Futuristic skyscrapers, autonomous vehicles, glowing AI data network, central AI core.

Image Asset 3: Human-AI Creative Collaboration

  • AI Image Prompt:

"Medium shot, highly detailed portrait of a diverse male graphic designer (late 20s, thoughtful expression) in a minimalist, sunlit studio. He is wearing sleek, augmented reality glasses, and his hands are gesturing in the air, manipulating a vibrant, complex 3D holographic design (e.g., architectural model, product prototype) that floats before him. A subtle, ethereal AI presence, visualized as shimmering light particles, wraps around his hands, guiding and refining his movements. Soft, natural window light. Modern, clean aesthetic, 4K, shallow depth of field, warm tones, creative technology."

  • Creative Brief:

* Project Title: AI as a Design Partner

* Objective: Depict AI as an intuitive and empowering partner in creative fields, enhancing human imagination and execution.

* Target Audience: Designers, artists, creative professionals, tech companies, educational institutions.

* Key Message: AI augments human creativity, enabling new possibilities in design and artistic expression.

* Usage: Design agency portfolios, tech company marketing, educational materials for creative tech courses.

  • Visual Direction Specs:

* Style: Modern, clean, human-centric, professional, artistic.

* Composition: Medium shot, focusing on the designer and the interactive holographic design.

* Color Palette: Warm, inviting natural light tones (soft yellows, browns) with vibrant, customizable colors for the holographic projection.

Lighting: Soft, natural daylight from a large window, creating an inspiring and comfortable atmosphere.

* Mood/Emotion: Collaborative, imaginative, innovative, focused, empowering.

* Key Elements: Designer with AR glasses, holographic design, ethereal AI light, modern studio environment.

Image Asset 4: Abstract Neural Network Growth

  • AI Image Prompt:

"Abstract, macro shot of a complex, organic-looking neural network. Thousands of glowing, interconnected nodes and delicate, pulsating pathways spread outwards from a central luminous core, resembling a cosmic brain or a root system. The pathways are composed of iridescent light, transitioning from deep blues and purples to electric greens and golds. The background is a soft, dark gradient, emphasizing the network's glow. Extreme detail, 16K, digital art, high contrast, volumetric light, dynamic, sci-fi abstract."

  • Creative Brief:

* Project Title: The Evolving Mind: Abstract AI

* Objective: Visually represent the intricate, dynamic, and ever-growing complexity of artificial neural networks.

* Target Audience: AI researchers, data scientists, tech company branding, abstract art enthusiasts.

* Key Message: AI's intelligence stems from vast, interconnected, and constantly adapting data structures.

* Usage: Tech company branding, scientific publications, digital art installations, presentation backgrounds.

  • Visual Direction Specs:

* Style: Abstract, conceptual, digital art, organic yet technological.

* Composition: Macro/close-up, focusing on the intricate details and glowing elements of the network.

* Color Palette: Deep blues, purples, with vibrant greens, golds, and iridescents for the glowing nodes and pathways.

* Lighting: Internal luminosity from the network itself, creating dramatic contrast against a dark background.

* Mood/Emotion: Mysterious, intelligent, complex, awe-inspiring, dynamic.

* Key Elements: Glowing nodes, intricate light pathways, central luminous core, organic patterns.

Image Asset 5: AI in Personalized Learning Environments

  • AI Image Prompt:

"Warm, inviting scene of a diverse group of three students (ages 10-14, two girls, one boy) collaboratively learning in a modern, open-plan classroom. Each student wears lightweight, transparent AR glasses, projecting personalized holographic learning content (e.g., a spinning globe, a historical timeline, a molecular structure) that subtly interacts with their movements and gaze. A friendly, glowing AI companion (a small, floating light orb) hovers playfully, offering guidance. Soft, natural light streams through large windows. 4K, detailed, optimistic, educational tech, future classroom."

  • Creative Brief:

* Project Title: Engaging the Future: AI in Education

* Objective: Showcase AI's potential to create highly personalized, interactive, and collaborative learning experiences.

* Target Audience: Educators, parents, educational technology developers, school administrators.

* Key Message: AI transforms education by tailoring content to individual needs and fostering engaging learning environments.

* Usage: Ed-tech marketing materials, educational institution websites, policy documents on future learning.

  • Visual Direction Specs:

* Style: Modern, approachable, optimistic, slightly futuristic, educational.

* Composition: Medium wide shot, capturing the students' interaction with each other and the holographic content.

* Color Palette: Warm and bright, with clear, distinct colors for the holographic projections.

* Lighting: Soft, natural daylight, creating a bright, comfortable, and stimulating learning atmosphere.

* Mood/Emotion: Engaged, curious, collaborative, optimistic, innovative.

* Key Elements: Diverse students, AR glasses, holographic learning content, friendly AI orb, modern classroom.

Image Asset 6: AI for Climate Change Solutions

  • AI Image Prompt:

"Dramatic, wide shot of a pristine, melting Arctic landscape with icebergs. Overlaying the scene, a sophisticated, transparent AI interface displays real-time environmental data: rising temperatures, sea levels, and complex predictive models for climate impact. The interface glows with urgent reds, oranges, and deep blues, contrasting sharply with the stark white and blue of the ice. A subtle, glowing data flow connects the interface to the ice. Cinematic, 8K, environmental, urgent, high contrast, scientific visualization."

  • Creative Brief:

* Project Title: AI Against Climate Change

* Objective: Highlight AI's critical role in monitoring, analyzing, and predicting climate change effects, and guiding mitigation strategies.

* Target Audience: Environmental scientists, policy makers, climate activists, NGOs, investors in green tech.

* Key Message: AI provides vital insights and tools to combat the global challenge of climate change.

* Usage: Environmental reports, scientific journals, advocacy campaigns, sustainability conferences.

  • Visual Direction Specs:

* Style: Majestic, urgent, scientific, environmental, conceptual.

* Composition: Wide shot, emphasizing the vastness of the landscape and the overlay of critical data.

* Color Palette: Stark whites and blues of the Arctic, contrasted with urgent reds, oranges, and deep blues of the AI data interface.

* Lighting: Cold, clear, bright natural light, emphasizing the starkness of the environment, with internal glow from the AI interface.

* Mood/Emotion: Urgent, serious, intelligent, analytical, hopeful for solutions.

* Key Elements: Melting icebergs, Arctic landscape, glowing AI data interface, climate visualizations.

Image Asset 7: AI-Powered Autonomous Transportation

  • AI Image Prompt:

"Dynamic, low-angle shot of a futuristic highway at night, filled with sleek, self-driving electric vehicles seamlessly navigating complex multi-lane interchanges. Above the vehicles, a subtle, glowing network of AI traffic management algorithms is visible, directing flow and preventing congestion. The vehicles emit soft, varied LED lights (blues, greens, whites). Long exposure light trails from the vehicles add to the dynamism. High-tech, urban, 8K, cyberpunk but clean, detailed, motion blur on cars."

  • Creative Brief:

* Project Title: The Future of Mobility: AI & Autonomous Driving

* Objective: Showcase AI's transformative impact on transportation, creating safer, more efficient, and sustainable mobility solutions.

* Target Audience: Automotive industry, urban planners, tech enthusiasts, commuters.

* Key Message: AI orchestrates intelligent transportation systems, revolutionizing how we move.

* Usage: Automotive marketing, urban development plans, tech blogs, smart city promotions.

  • Visual Direction Specs:

* Style: Futuristic, dynamic, urban, technological.

* Composition: Low-angle wide shot, emphasizing the flow of traffic and the intricate highway structure.

* Color Palette: Predominantly dark blues and blacks of the night, with vibrant LED lights from vehicles and glowing AI network (blues, greens, whites).

* Lighting: Low-key, artificial urban lighting, with strong emphasis on vehicle lights and the glowing AI overlay.

* Mood/Emotion: Efficient, fast, sophisticated, safe, progressive.

* Key Elements: Autonomous vehicles, futuristic highway, glowing AI traffic network, light trails.

Image Asset 8: AI in Creative Arts and Music Generation

  • AI Image Prompt:

"Surreal and evocative image of a musician (diverse, gender-neutral, headphones on) seated at a futuristic keyboard, eyes closed in concentration. From the keyboard, vibrant, volumetric sound waves and abstract musical notes flow upwards, transforming into intricate, glowing fractal patterns that fill the air around them. A subtle, ethereal AI presence, perhaps a shimmering light entity, is subtly merging with the sound waves, indicating AI's generative role. Dark, moody background with focused, artistic lighting. Dreamlike, expressive, 8K, digital painting, conceptual art."

  • Creative Brief:

* Project Title: AI as a Co-Composer: The Symphony of Algorithms

* Objective: Explore the innovative role of AI in generating and assisting in the creation of music and other artistic forms.

* Target Audience: Musicians, composers, artists, creative technologists, music industry professionals.

* Key Message: AI expands the horizons of artistic creation, offering new tools and inspiration for musicians and artists.

* Usage: Music tech product launches, art exhibitions, creative industry publications, educational workshops.

  • Visual Direction Specs:

* Style: Surreal, artistic, conceptual, dreamlike, expressive.

* Composition: Medium shot, centered on the musician and the emanating artistic elements.

* Color Palette: Rich, varied, and vibrant colors for the sound waves and fractal patterns, against a dark, moody background.

* Lighting: Focused, dramatic, artistic lighting, highlighting the musician and the glowing musical forms.

* Mood/Emotion: Inspiring, imaginative, wonder, innovative, introspective.

* Key Elements: Musician, futuristic keyboard, volumetric sound waves, fractal patterns, ethereal AI presence.

Image Asset 9: The Ethical Dilemma of AI (Conceptual)

  • AI Image Prompt:

"Profound, symbolic image. A single, luminous, human-like hand made of intricate light and data points reaches out towards a large, enigmatic, dark sphere that subtly pulses with a faint, uncertain light. The sphere is surrounded by abstract, swirling patterns of binary code and ethical dilemmas (represented by conflicting colors like red and green). The background is a vast, deep void, emphasizing the profound choice. High contrast, low-key lighting, 16K, digital painting, philosophical, thought-provoking."

  • Creative Brief:

* Project Title: AI's Moral Compass: The Ethical Frontier

* Objective: Provoke contemplation and discussion about the ethical challenges and responsibilities associated with advanced AI development.

* Target Audience: Ethicists, philosophers, AI researchers, policy makers, general public interested in AI's future.

* Key Message: As AI becomes more powerful, humanity must grapple with its ethical implications and guide its development responsibly.

* Usage: Academic papers, philosophical conferences, thought leadership articles, public awareness campaigns.

  • Visual Direction Specs:

*

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