Social Media Content Blast
Run ID: 69cc74f33e7fb09ff16a201f2026-04-01Marketing
PantheraHive BOS
BOS Dashboard

Generate a full week of social media posts with captions, hashtags, and image prompt briefs

Social Media Content Calendar: Week 1 Deliverable

This document outlines a comprehensive, seven-day social media content calendar, complete with ready-to-publish captions, strategic hashtags, and detailed image prompt briefs. This content is designed to engage your audience, drive interaction, and reinforce your brand's message across key platforms.


Day 1: Monday - Kickstart Your Week with Innovation

  • Platform(s): LinkedIn, Instagram, Facebook, X (Twitter)
  • Post Type: Informative / Motivational
  • Theme: Embracing innovation and efficiency for a productive week.

Caption:

  • Headline: ๐Ÿš€ Monday Motivation: Unlock Your Potential with Smart Solutions!
  • Body: The start of a new week is the perfect opportunity to re-evaluate and optimize. What if you could streamline your processes, enhance productivity, and achieve more with less effort? We believe in empowering you with the tools and insights to not just meet, but exceed your weekly goals. Let's make this week your most efficient yet!
  • Call to Action (CTA): Share your top productivity tip for Mondays in the comments below! ๐Ÿ‘‡

Hashtags:

#MondayMotivation #Innovation #ProductivityTips #Efficiency #BusinessGrowth #SmartSolutions #WeeklyGoals #FutureProof

Image Prompt Brief:

  • Description: A vibrant, modern image showing a diverse team collaboratively working in a sleek, open-plan office. One person is pointing at a holographic interface displaying data, while others are engaged in discussion with positive, energetic expressions. The overall feel should be forward-thinking and optimistic, with a focus on technology and human collaboration.
  • Keywords: Professional, collaboration, innovation, technology, diverse team, modern office, holographic display, productivity, future, bright colors.

Day 2: Tuesday - Deep Dive into [Industry Specific Topic]

  • Platform(s): LinkedIn, Facebook, Blog (Link out), X (Twitter)
  • Post Type: Educational / Thought Leadership
  • Theme: Providing valuable insights and expertise on a relevant industry topic (e.g., AI in business, sustainable practices, customer experience trends).

Caption:

  • Headline: ๐Ÿ’ก The Future is Now: How [Specific Technology/Trend] is Reshaping [Your Industry]
  • Body: Ever wonder how [Specific Technology/Trend] is truly revolutionizing the landscape of [Your Industry]? From enhancing operational efficiency to creating unparalleled customer experiences, the impact is undeniable. We've compiled a comprehensive breakdown of the key shifts and opportunities you need to know to stay ahead. Dive deep with our latest insights!
  • Call to Action (CTA): Read our full article and share your thoughts on this transformative trend! [Link to Blog Post/Resource]

Hashtags:

#IndustryInsights #ThoughtLeadership #[SpecificTechnology] #[YourIndustry] #BusinessTrends #Innovation #FutureOfWork #DigitalTransformation #ExpertAdvice

Image Prompt Brief:

  • Description: A professional, clean infographic or data visualization image illustrating key statistics or trends related to the chosen industry topic (e.g., a bar graph showing growth, a pie chart of market share, or a flow diagram explaining a process). The design should be modern, easy to read, and visually engaging, using brand colors subtly.
  • Keywords: Data visualization, infographic, professional, statistics, industry trends, technology, insights, analytical, clean design, market research.

Day 3: Wednesday - Engage & Interact: Ask Me Anything (AMA)

  • Platform(s): Instagram (Stories/Live), Facebook (Live/Post), LinkedIn (Post/Comments)
  • Post Type: Engagement / Q&A
  • Theme: Fostering community and direct interaction by answering audience questions.

Caption:

  • Headline: ๐Ÿค” Wednesday Wisdom: Your Questions, Our Experts! #AskUsAnything
  • Body: It's Wednesday, and we're here to tackle your burning questions! Whether it's about [Your Product/Service], industry challenges, or how to overcome a specific business hurdle โ€“ our team of experts is ready to provide insights. Drop your questions in the comments below, and we'll answer them throughout the day (or during our live session at [Time] PST!).
  • Call to Action (CTA): What's one question you've always wanted to ask about [Your Industry/Our Services]? Let us know!

Hashtags:

#AskMeAnything #WednesdayWisdom #CommunityEngagement #ExpertAdvice #QandA #BusinessTips #CustomerFirst #InteractWithUs #YourQuestionsAnswered

Image Prompt Brief:

  • Description: A friendly, approachable image of a diverse group of professionals (representing your team) smiling and looking directly at the camera, perhaps in a casual brainstorming session or a relaxed office setting. Overlay text could say "Ask Us Anything!" or "Your Questions, Our Answers."
  • Keywords: Professional team, friendly, approachable, diverse, collaboration, Q&A, customer interaction, happy faces, modern office, engagement.

Day 4: Thursday - Showcase Your Value: Client Success Story

  • Platform(s): LinkedIn, Facebook, Instagram, X (Twitter)
  • Post Type: Testimonial / Case Study
  • Theme: Highlighting a successful client partnership and the tangible results achieved.

Caption:

  • Headline: ๐ŸŒŸ Client Spotlight: How We Helped [Client Name] Achieve [Specific Result]!
  • Body: We're incredibly proud to share the success story of [Client Name]! By partnering with us, they were able to [Quantifiable Achievement, e.g., "increase efficiency by 30%," "reduce operational costs by 15%," "expand market reach by 200%"]. Their dedication combined with our [Your Solution/Service] led to remarkable growth and measurable impact. We love seeing our clients thrive!
  • Call to Action (CTA): Ready to write your own success story? Learn more about how we can help you achieve your goals. [Link to Case Study/Contact Page]

Hashtags:

#ClientSuccess #CaseStudy #CustomerSuccess #BusinessGrowth #Partnership #ResultsDriven #Testimonial #[YourService] #SuccessStory #ClientLove

Image Prompt Brief:

  • Description: A split image or a collage. One side features a professional, smiling headshot of the client (if available and approved), and the other side visually represents the "before and after" or the achievement (e.g., a growth chart, a simplified diagram of improved workflow, or an icon representing the solution). The overall design should convey professionalism and success.
  • Keywords: Client success, testimonial, professional, growth, achievement, results, partnership, business solution, before and after, data visualization, success icon.

Day 5: Friday - Weekend Kick-off & Reflection

  • Platform(s): Instagram, Facebook, LinkedIn, X (Twitter)
  • Post Type: Community Building / Light Reflection
  • Theme: Encouraging work-life balance and reflecting on the week's achievements.

Caption:

  • Headline: ๐ŸŽ‰ Friday Feels: Powering Down for a Recharge!
  • Body: The week is winding down, and it's time to recharge! We're incredibly proud of the progress made and the connections forged this week. Remember, true productivity also means taking time for yourself. What's your favorite way to unwind and prepare for a fresh start next week? Share your plans!
  • Call to Action (CTA): Wishing you a wonderful and restorative weekend! What are your plans for some well-deserved downtime?

Hashtags:

#FridayFeeling #WeekendVibes #WorkLifeBalance #Recharge #SelfCare #CommunityLove #Productivity #HappyWeekend #EndOfWeek

Image Prompt Brief:

  • Description: A serene, aesthetically pleasing image that evokes relaxation and inspiration. This could be a person enjoying a peaceful moment outdoors (e.g., reading a book in a park, enjoying a cup of coffee with a nice view), or a beautifully organized, calm workspace with a "weekend ready" feel (e.g., laptop closed, plant, coffee mug). The lighting should be soft and inviting.
  • Keywords: Relaxation, weekend, serene, calm, inspiring, work-life balance, nature, peaceful, coffee, book, soft lighting, downtime.

Day 6: Saturday - Behind the Scenes / Team Culture

  • Platform(s): Instagram (Stories/Reels), Facebook
  • Post Type: Culture / Human Interest
  • Theme: Showcasing the human side of your brand and company culture.

Caption:

  • Headline: Behind the Brilliance: Meet the Faces Driving Our Innovation!
  • Body: While the world might be taking a break, our passion for innovation never stops! Today, we're giving you a peek behind the curtain at what makes our team so special. From collaborative problem-solving to shared laughs, our vibrant culture is at the heart of everything we do. We believe happy teams build great solutions!
  • Call to Action (CTA): What do you love most about your team's culture? Tag a colleague who inspires you!

Hashtags:

#TeamCulture #BehindTheScenes #CompanyCulture #WorkplaceVibes #TeamworkMakesTheDreamWork #EmployeeSpotlight #InnovationTeam #HappyWorkplace #OurTeam

Image Prompt Brief:

  • Description: An authentic, candid photo or short video clip of your team members interacting naturally in the office or a team event. This could show them laughing during a coffee break, collaborating on a whiteboard, or celebrating a small win. The focus should be on genuine human connection and a positive work environment, not overly staged.
  • Keywords: Team, collaboration, candid, authentic, company culture, employee engagement, office life, happy team, behind the scenes, genuine smiles, diverse team.

Day 7: Sunday - Looking Ahead & Thought Provocation

  • Platform(s): LinkedIn, Facebook, X (Twitter)
  • Post Type: Thought Leadership / Preview
  • Theme: Setting the stage for the upcoming week, sharing a visionary thought, or previewing future content.

Caption:

  • Headline: ๐Ÿ”ฎ Sunday Reflections: What's Next for [Your Industry/Business]?
  • Body: As we prepare for a new week, let's take a moment to ponder the trajectory of [Your Industry] and the exciting possibilities ahead. The pace of change is accelerating, and staying agile is key. What emerging trends do you anticipate will have the biggest impact? We're constantly exploring new horizons to bring you the best.
  • Call to Action (CTA): Share your predictions for the upcoming week or month in [Your Industry]! We'd love to hear your insights.

Hashtags:

#SundayThoughts #FutureTrends #Innovation #Visionary #ThoughtLeadership #[YourIndustry] #BusinessStrategy #NewWeekNewGoals #AnticipateTheFuture

Image Prompt Brief:

  • Description: A futuristic, abstract image with a sense of forward momentum and clarity. This could involve clean lines, geometric shapes, and a subtle gradient of colors (e.g., blues, purples, greens) against a minimalist background. It should evoke a feeling of looking towards the future, progress, and insightful thinking.
  • Keywords: Future, abstract, geometric, progress, innovation, foresight, technology, clean design, minimalist, forward-thinking, visionary, light gradient.

sharper4k Output

Social Media Content Blast: Image Prompt Briefs (Step 2 of 2)

This deliverable provides the detailed image prompt briefs for a full week of social media posts, complementing the captions and hashtags generated in the previous step. Each brief is designed to guide an AI image generator (like DALL-E, Midjourney, or Stable Diffusion) in creating compelling, professional visuals that enhance the accompanying text.


Introduction

Welcome to the final step of your "Social Media Content Blast" workflow! This output focuses on the visual component, offering comprehensive image prompt briefs for each day's social media post. These prompts are crafted to be specific, actionable, and aligned with a professional brand image, ensuring your content stands out across various platforms.

The goal is to provide clear instructions for AI image generation, covering core concepts, visual elements, style, composition, and mood, enabling you to produce high-quality, engaging visuals with ease.


Weekly Social Media Content Plan: Image Prompt Briefs

Here is your detailed weekly social media content plan, including captions, hashtags, and specific image prompt briefs for AI generation:


Day 1: Monday - Boosting Productivity

  • Platform Focus: LinkedIn, Facebook, Instagram, X (Twitter)
  • Caption: "Kickstart your week with maximum productivity! ๐Ÿš€ Discover strategies that streamline your workflow and help you achieve your goals efficiently. What's your top productivity hack? Share below! #Productivity #MondayMotivation #WorkSmart #Efficiency #BusinessTips"
  • Hashtags: #Productivity #MondayMotivation #WorkSmart #Efficiency #BusinessTips #Workflow #GoalSetting #SuccessMindset
  • Image Prompt Brief:

* Core Concept: A dynamic and inspiring image representing enhanced productivity and streamlined work.

* Visual Elements: A sleek, modern desk setup with a laptop displaying charts or a project management interface, a minimalist coffee cup, and perhaps a subtle digital tablet. The background should be slightly blurred office environment with natural light. Focus on clean lines and organized elements.

* Style/Tone: Modern, professional, clean, inspiring, and slightly aspirational.

* Composition/Angle: A slightly elevated, eye-level shot looking across the desk, emphasizing depth and order. Maybe a subtle hand (diverse, professional) reaching for the mouse or typing, adding a human touch.

* Color Palette: Cool blues, greens, and grays, accented with a touch of warm orange or yellow for energy.

* Mood/Emotion: Focused, efficient, calm, and forward-thinking.

* Technical Notes: High resolution, crisp focus. Aspect ratio 16:9 or 1:1 for versatility.

* Keywords for AI Generation: Modern office desk, laptop showing data, organized workspace, minimalist design, natural light, professional, productivity, clean lines, subtle human hand, cool blue green palette, high resolution, 4k


Day 2: Tuesday - Embracing Innovation

  • Platform Focus: LinkedIn, Instagram, Facebook
  • Caption: "Innovation isn't just a buzzword; it's the engine of progress. At [Your Company Name], we're constantly exploring new frontiers to bring you cutting-edge solutions. What innovations are you excited about this year? #Innovation #TechTrends #FutureIsNow #CuttingEdge #DigitalTransformation"
  • Hashtags: #Innovation #TechTrends #FutureIsNow #CuttingEdge #DigitalTransformation #Technology #Progress #ResearchAndDevelopment #ForwardThinking
  • Image Prompt Brief:

* Core Concept: A visually striking image symbolizing technological advancement and future-forward thinking.

* Visual Elements: Abstract digital art featuring interconnected lines, glowing nodes, and subtle geometric shapes, forming a network or a brain-like structure. Could incorporate subtle elements of data streams or circuit board patterns in a sophisticated, non-literal way. Avoid literal robots or overly sci-fi elements.

* Style/Tone: Futuristic, abstract, sophisticated, intelligent, and clean.

* Composition/Angle: A dynamic, slightly angled perspective, creating depth and movement. Focus on glowing elements that draw the eye.

* Color Palette: Deep blues, purples, and teals, with bright electric accents of cyan or lime green.

* Mood/Emotion: Intrigue, wonder, intelligence, and inspiration.

* Technical Notes: High contrast, sharp details. Aspect ratio 16:9 or 4:5.

* Keywords for AI Generation: Abstract digital network, glowing lines, interconnected nodes, geometric patterns, futuristic technology, deep blue purple palette, electric cyan accents, sophisticated, high contrast, 4k, concept art


Day 3: Wednesday - Customer Success Spotlight

  • Platform Focus: LinkedIn, Facebook
  • Caption: "Our clients' success is our greatest achievement! We're proud to partner with businesses like yours to overcome challenges and achieve remarkable results. Read more about how we help our clients thrive on our website! #CustomerSuccess #ClientLove #Partnership #BusinessGrowth #ResultsDriven"
  • Hashtags: #CustomerSuccess #ClientLove #Partnership #BusinessGrowth #ResultsDriven #ClientTestimonial #Collaboration #SuccessStories #BusinessSolutions
  • Image Prompt Brief:

* Core Concept: An image that conveys partnership, collaboration, and shared success between a service provider and a client.

* Visual Elements: Two diverse professionals (one representing the company, one representing a client) shaking hands across a modern conference table, smiling genuinely. A blurred background of a sleek, bright office or collaborative workspace. Could also feature a subtle, elegant graph showing upward trend in the background on a screen.

* Style/Tone: Professional, warm, collaborative, trustworthy, and optimistic.

* Composition/Angle: A medium close-up shot of the handshake, with faces visible and expressions of mutual respect and success. Focus on clear, well-lit faces.

* Color Palette: Professional yet inviting; warm grays, light blues, and soft browns, with natural skin tones.

* Mood/Emotion: Trust, satisfaction, teamwork, and achievement.

* Technical Notes: Realistic, professional photography style. Aspect ratio 16:9 or 1:1.

* Keywords for AI Generation: Two diverse professionals shaking hands, modern office background, genuine smiles, collaboration, partnership, business success, warm lighting, professional photography, high resolution


Day 4: Thursday - Thought Leadership & Insights

  • Platform Focus: LinkedIn, X (Twitter), Facebook
  • Caption: "In today's fast-paced world, staying ahead requires deep insights. Our latest article dives into [Specific Industry Trend/Topic]. Gain a competitive edge โ€“ link in bio! #ThoughtLeadership #IndustryInsights #ExpertAdvice #BusinessStrategy #KnowledgeIsPower"
  • Hashtags: #ThoughtLeadership #IndustryInsights #ExpertAdvice #BusinessStrategy #KnowledgeIsPower #DeepDive #FutureOfBusiness #Analysis #CompetitiveEdge
  • Image Prompt Brief:

* Core Concept: An image representing deep thought, analysis, and the acquisition of knowledge or insight.

* Visual Elements: A professional (diverse, gender-neutral) person thoughtfully looking at a complex, illuminated holographic data display or a projected infographic in a modern, slightly dim environment. Could subtly show data points, charts, or interconnected concepts. The focus should be on intellectual engagement.

* Style/Tone: Intelligent, analytical, sophisticated, and slightly mysterious/intriguing.

* Composition/Angle: A medium shot, focusing on the person's profile or back, with the holographic display as the primary light source and focal point. Emphasize depth of field.

* Color Palette: Dark blues, deep purples, and black, with bright, ethereal glows of cyan, white, or light green from the data display.

* Mood/Emotion: Curiosity, contemplation, discovery, and intellectual engagement.

* Technical Notes: Cinematic lighting, sharp details on the data display. Aspect ratio 16:9.

* Keywords for AI Generation: Professional contemplating holographic data display, complex analytics, glowing projections, dark sophisticated environment, deep blue purple lighting, cinematic, thought leadership, high resolution


Day 5: Friday - Team & Culture

  • Platform Focus: Instagram, Facebook, LinkedIn
  • Caption: "Meet the incredible team behind the magic! โœจ Our collective passion and dedication drive everything we do. Wishing everyone a fantastic weekend! #Teamwork #CompanyCulture #BehindTheScenes #WorkFamily #HappyFriday"
  • Hashtags: #Teamwork #CompanyCulture #BehindTheScenes #WorkFamily #HappyFriday #EmployeeAppreciation #GreatPlaceToWork #Collaboration #TeamSpirit
  • Image Prompt Brief:

* Core Concept: A warm, authentic image showcasing a diverse team interacting positively in a modern office environment, emphasizing camaraderie and a positive work culture.

* Visual Elements: A group of 4-6 diverse professionals (mix of genders and ethnicities) laughing and engaging in a casual, collaborative setting โ€“ perhaps around a standing desk, a break room, or a casual meeting area. They should appear natural and genuine, not overly posed. Subtle branding (e.g., logo on a mug) could be included but not dominant.

* Style/Tone: Authentic, friendly, warm, collaborative, and positive.

* Composition/Angle: A slightly wide-angle shot capturing the group dynamic, with natural light filling the space. Focus on genuine expressions and interactions.

* Color Palette: Bright and inviting; natural light, warm wooden tones, soft greens, and blues, reflecting a comfortable and vibrant office space.

* Mood/Emotion: Joy, camaraderie, belonging, and positive energy.

* Technical Notes: Realistic, candid photography style. Aspect ratio 1:1 or 4:5 for Instagram.

* Keywords for AI Generation: Diverse team laughing in modern office, collaborative workspace, natural light, genuine interaction, positive company culture, warm inviting colors, candid photography, high resolution


Day 6: Saturday - Weekend Learning & Growth

  • Platform Focus: Instagram, Facebook, LinkedIn
  • Caption: "Weekends are perfect for personal growth! What book are you diving into, or what new skill are you learning? Share your recommendations! #WeekendVibes #PersonalGrowth #LifelongLearning #ReadMore #SkillDevelopment"
  • Hashtags: #WeekendVibes #PersonalGrowth #LifelongLearning #ReadMore #SkillDevelopment #Education #SelfImprovement #Knowledge #Inspiration
  • Image Prompt Brief:

* Core Concept: A serene and inspiring image representing relaxation combined with intellectual growth and learning.

* Visual Elements: A cozy, minimalist scene with an open book (or a tablet displaying an e-book/online course) resting on a comfortable surface like a soft blanket or a wooden table. A warm cup of tea/coffee nearby, and a subtle, soft light source (e.g., a reading lamp or sunlight filtering through a window). A pair of reading glasses could be subtly placed.

* Style/Tone: Calm, peaceful, intellectual, cozy, and inviting.

* Composition/Angle: A high-angle flat lay or a slightly elevated close-up shot, focusing on the book/tablet and the surrounding elements.

* Color Palette: Warm, earthy tones like creams, soft browns, muted greens, and a touch of deep red or orange from the book cover or cup.

* Mood/Emotion: Tranquility, contemplation, comfort, and intellectual curiosity.

* Technical Notes: Soft focus on the background, sharp details on the foreground elements. Aspect ratio 1:1 or 4:5.

* Keywords for AI Generation: Cozy reading scene, open book on blanket, warm coffee cup, soft natural light, minimalist, personal growth, weekend vibes, flat lay, warm earthy tones, high resolution


Day 7: Sunday - Reflection & Future Vision

  • Platform Focus: Instagram, Facebook, LinkedIn, X (Twitter)
  • Caption: "As the week closes, take a moment to reflect on your achievements and set intentions for the week ahead. What are you grateful for, and what are you looking forward to? #SundayReflection #FutureVision #GoalSetting #Gratitude #NewWeekNewGoals"
  • Hashtags: #SundayReflection #FutureVision #GoalSetting #Gratitude #NewWeekNewGoals #Mindfulness #Inspiration #Planning #PersonalDevelopment
  • Image Prompt Brief:

* Core Concept: An image that evokes a sense of calm reflection, clarity, and optimistic forward planning.

* Visual Elements: A serene landscape (e.g., a calm lake at sunrise/sunset, a mountain vista shrouded in soft mist, or a minimalist open sky) with a subtle, abstract overlay of light lines or a faint grid symbolizing planning or future paths. No people in the scene.

* Style/Tone: Serene, contemplative, hopeful, expansive, and clean.

* Composition/Angle: A wide, panoramic shot emphasizing the vastness and tranquility of the landscape. The abstract overlay should be subtle and integrated.

* Color Palette: Soft pastels, warm oranges and purples of sunrise/sunset, or cool blues and grays of a misty morning.

* Mood/Emotion: Peace, clarity, hope, inspiration, and a sense of possibility.

* Technical Notes: Dreamlike quality, soft transitions, high dynamic range. Aspect ratio 16:9.

* Keywords for AI Generation: Serene sunrise landscape, calm lake, soft mist, abstract light lines overlay, minimalist, reflection, future vision, hopeful, pastel colors, panoramic, dreamlike, high resolution


This comprehensive set of image prompt briefs ensures you have a robust visual strategy to accompany your social media content, making your "Social Media Content Blast" both engaging and professional.

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