Blog Post

Articles
3 MIN READ

How I Built This: How I Vibe-Coded a People Manager Simulation

Daniel-Benton's avatar
Daniel-Benton
Community Member
14 days ago

When the new Rise 360 Code Block (Beta) feature launched, I wanted to see just how far it could be pushed. Could you build something more than static content? That’s how the People Manager Simulation came to life – a fully playable, story-driven experience built entirely inside a single Rise code block, using only HTML, CSS, and JavaScript.

In this video, I explain how it was created and how you can repurpose this approach in your own projects.

Why I Made This

In my day job, I design learning experiences for real teams, often around leadership, people management, and workplace decision-making. I wanted to create something that shows how these kinds of soft-skills topics can be transformed into immersive simulations without needing heavy development tools.

The result is a game where you step into the shoes of a brand-new team leader, navigating real-world decisions that impact morale, performance, retention, and stress. Each choice has a trade-off, and yes, you can get “sacked” if you mismanage your stats.

In the video, I mention that this project was built gradually, late evenings, after work, once my son was asleep. There were plenty of failed tests, odd bugs, and “why won’t this work” moments along the way. I did consider going back and documenting every single prompt and adjustment… but honestly, that would read like an increasingly impatient diary of me negotiating with ChatGPT!

So instead, I wanted to share a simpler, more practical way for you to repurpose what already works.

How I Built It

Rather than starting from scratch, the method I show in the walkthrough involves:

  1. Uploading the existing working code of the simulation.
  2. Giving ChatGPT a single clear prompt that explains:
    • This is for Rise 360’s custom code block.
    • It should learn the structure and logic of the original simulation.
    • It should rewrite the theme, dialogue, and characters for a new scenario.
⚠️ Note

This project was created using ChatGPT (GPT-5), which is available through the paid Plus plan. The same overall approach could work on the free tier, but results would likely vary; the free version doesn’t always handle longer or more complex code as reliably.

In the video, I demonstrate how to use the current People Manager Simulation code as context; use the download attached below.

📁 Download: People Manager Simulation HTML; attached below. 

You then give this to your LLM of choice as an attachment and provide your repurposing prompt; the one I used can also be downloaded below.

📁 Download: GPT Prompt for Repurposing Existing Demo; attached below. 

Key Takeaways

  • Start from a working simulation instead of a blank page.
  • Use a single, focused prompt to repurpose the entire code and story.
  • Attach your full code as context so the model understands structure and logic.
  • Re-use this workflow to adapt learning scenarios quickly—no coding expertise required.

The Result

Here’s the outcome of my own repurposing test from the walkthrough: a completely new narrative built using the same base code and single prompt.

Is it perfect? No. But it’s a solid foundation—and all this came together in about ten minutes.

📁 Download: The Result — Full New HTML Code; attached below. 

Final Thought

The best part of this approach is accessibility: you don’t need to be a coder to build something that feels custom.

By starting with a working framework and iterating through clear, focused prompts, you can turn any learning scenario into a playable, data-driven experience.

Whether it’s leadership, compliance, or customer service, this structure gives you the foundation to explore how choices shape outcomes, all inside Rise 360.

My final ask is: please repurpose and improve on any of the ideas shared in this article. Let me and the wider community know how you get on.

💬 Ask Me Anything!

I’d love to hear your feedback and answer any questions about the build. Drop your thoughts in the comments below—I’ll be checking in and responding!

Want to Share Your Build?

Do you have a project you’d love to share with the community? We’re always looking for more How I Built This stories. Whether it’s a game, interaction, or unique design, we’d love to feature your process. Drop a note in the comments or reach out to the community team if you’re interested! 

Updated 14 days ago
Version 1.0

5 Comments

  • cassidya's avatar
    cassidya
    Community Member

    Wow! This is amazing. I cannot wait to try this out. Thank you for sharing. 😀

  • Thomas_Shayon's avatar
    Thomas_Shayon
    Community Member

    Daniel-Benton​, my mind is officially 🤯I saw the announcement of Articulate's new code block release, but I couldn't get a clear use case in my mind. In other words, "How might I use this?" Your video and article closed the gap for me. Thanks!!

  • Kaylene_Ellis's avatar
    Kaylene_Ellis
    Community Member

    how can i contact you or find you on linked in please ? Am hoping to create similar for nurses ?