How I Built This: How I Vibe-Coded a People Manager Simulation
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: Uploading the existing working code of the simulation. 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. 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!How to Copy Blocks from One Lesson to Another in Rise 360
Have you ever built a course in Rise 360 and realized, later on, that some of the content in one lesson would work great in a different lesson? Or maybe you want to reuse the same content structure? I’ve been there! Luckily, it’s super easy to copy blocks from one Rise lesson to another, thanks to the blocks template feature. Here’s how it works. 1. Open the Blocks Library The first thing you’ll want to do is navigate to the lesson that contains the block you want to copy and open up the block library. You can do that either by clicking the plus sign (+) between two blocks … … or by clicking All Blocks in the blocks shortcut bar. 2. Create a New Template Next, select the templates tab in the block library and click the New Template button. 3. Select the Blocks to Copy Then, select the block or blocks you want to copy by clicking the checkmark for each one. 4. Save Your Template Next, click Save, name your template, and click Save once again. 5. Insert Your Template Finally, navigate to the lesson where you’d like your copied block to go, open up the blocks library, and select your template. Wrap-Up Et voilà! It’s that easy. With blocks templates, you can copy blocks from one lesson to another within the same course and copy blocks to lessons in other courses; you can even share your blocks with members of your team if you have an Articulate 360 Teams subscription. It’s super handy! Want to try block templates out, but don’t have Rise 360? Start a free 30-day trial of Articulate 360. And subscribe to our newsletter to get the latest e-learning inspiration and insights directly in your inbox. You can also find us on LinkedIn and X (Formerly Twitter).Made By Members: Rise Code Blocks
This month, we’re spotlighting creative ways community members are experimenting with Rise 360’s new Code Block (Beta) feature. From quick prototypes to full mini-games and simulations, these projects show how custom HTML, CSS, and JavaScript can bring fresh interactivity to Rise, whether you’re vibe coding with AI or hand-crafting from scratch 💡 Try It Yourself: Rise 360: How to Use Code Block, Creating Blocks with Vibe Coding 👽 Alien Lifespan Challenge by GrahamBetts-add Graham created a fast-paced trivia game that challenges learners to keep Brian the Alien alive by answering 10 questions correctly. The project combines timers, progress tracking, and custom feedback, powered by code. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Write HTML, CSS, and JavaScript for a 10-question timed quiz game that tracks correct answers and shows a 3-star progress meter inside a Rise 360 Code Block.” “Structure the code so all quiz content lives in a QUESTIONS array and settings in a CONFIG object, making it easy to update questions, feedback, and timer length.” “Create an interactive quiz where each correct answer extends the player’s time and updates a character’s emotion from happy to sad based on performance.” 🧭 Explore Cardinal Directions by ilgunapo Apo built a playful, interactive experience to help learners explore the four cardinal directions. After discovering each direction on a compass, players test what they’ve learned in a mini treasure-hunt game. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Write HTML, CSS, and JavaScript for an interactive compass that lets users explore the four cardinal directions, then unlocks a short treasure hunt game inside a Rise 360 Code Block.” “Structure the code so text content, directions, and object positions are easy to edit through a CONFIG or LEVELS object.” “Create a grid-based navigation game where players move a character using arrow keys or on-screen buttons to reach a treasure.” 🔋 Check Your Battery by Kate_Golomshtok This playful Caffeine Cat Test helps learners check their energy levels through a short, interactive quiz. Despite having no coding background, Kate used AI to create animated elements, like moving paws, a cat-face divider, and clickable cards, that make the experience feel warm and personal. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Write HTML, CSS, and JavaScript for a 6-question personality quiz with animated feedback cards, designed for use inside a Rise 360 Code Block.” “Include visual elements like progress bars, emoji icons, and a results screen with simple charts showing fatigue, energy, and motivation.” “Structure the quiz content in a QUESTIONS array and use a CONFIG object to store colors, icons, and category names for easy editing.” 🐸 Hoppy Adventures: Coin Capture by destery1kenobi Destery created a retro-inspired game where players collect coins, dodge predators, and answer quiz questions to level up. Each set of 10 coins triggers a multiple-choice question, all managed through a JSON file for easy updates and tracking. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Write HTML, CSS, and JavaScript for a mini-game where players use arrow keys (or WASD) to move a character around and collect coins.” “After every 10 coins, pause the game and display a multiple-choice quiz question inside a modal.” “Store quiz questions and answers in a QUESTIONS array for easy editing, and use variables for score, time, and level tracking. The game should run entirely inside a Rise 360 Code Block.” ☎️ People Manager Simulation by Deleted user Daniel created a simulation where learners step into the role of a new call-centre manager, making choices that impact morale, performance, and stress. It features avatars, tooltips, and a narrative end summary, all co-coded through an iterative vibe-coding process. 🔗 View the post | 🎮 Try the demo Build It with AI: Kick off your own build with prompts like these, or start from scratch with your own code or customizations: “Build a browser-based management simulation with multiple-choice decisions that adjust player stats like performance, morale, and stress.” “Add tooltips to each choice explaining what the decision affects, and include a narrative end summary with a performance rating.” “Create an HTML layout for avatars and dialogue boxes that display manager and team interactions inside a Rise 360 Code Block.” 💬 Your Turn: Share your examples and tell us what you created, how you built it, or which prompts helped you along the way. 💡 Pro Tip: When posting your own Code Block examples, add the “Code Block” tag so others can find them more easily. And if you haven’t already, join our Code Block Group to keep the conversation going! 🏅 Want to Be Featured Next? We’re always looking to highlight inspiring examples from the community, and your work could be next! Here's what we look for in a standout submission: A downloadable .story file or link to your Rise course so others can explore, adapt, and learn from your build. A clear explanation of what you built, how it works, and what makes it unique. Behind-the-scenes insight into your process, techniques, tools, or challenges you tackled. Purposeful design, whether it’s solving a problem, teaching a concept, or experimenting with a new approach. Bonus: Share your ideas for how your design is widely applicable beyond the specific example. Got something cool to share? Post it in Share Examples and you might see it featured in an upcoming roundup!8 Business Use Cases for Microlearning
Are you excited to try out microlearning, but unsure when to use it? Below, we outline eight common workplace situations that benefit from a short-form course. Each situation includes a sample microlearning. At the end, learn how you can customize these templates for your own company and training needs. 1. Create Organizational Alignment To hit a business target, everyone needs to be moving in the same direction. Creating that alignment starts with clear, frequent communication of the shared mission, vision, and values. Microlearning can help. The following editable template shows how you can align employees through regular executive “micro” updates: Executive Update 2. Highlight HR Information, Notices, or Reminders Educating employees about annual events like open enrollment, tax season, and compliance training is a critical function of HR teams. The problem? Important announcements often get missed when they’re embedded in long paragraphs or endless emails. Grab the following templates to see how microlearning makes HR communications more digestible and engaging: A Quick Guide To Open Enrollment Internal Company Newsletter 3. Strengthen Company Culture and DEI Initiatives Fostering an inclusive company culture is a continuous process—not a one-time effort. A series of microlearnings can support your larger culture-building and DEI efforts. Check out the following examples for ideas on how to get started: Are You an Ally? Try Taking on These 5 Roles How To Identify and Stop Using Ableist Language Gossip-Proof Your Workplace 4. Streamline Business Processes You can also use microlearning to document and streamline business processes or workflows—such as employee onboarding or performance management. Notice how the following examples make it easy for employees to work through the steps of a process independently: New Hire Pre-Hire Checklist Performance Review and Feedback 5. Increase Security Awareness Most successful data breaches, phishing attacks, and other cybersecurity incidents are caused by human error. Adding refresher microlearnings throughout the year can fortify your defenses. See an example for safeguarding against phishing attacks below: Spot the Phish 6. Enhance Employee Wellness A successful business needs thriving employees. But employee wellness training often ends up buried under competing priorities. Microlearning makes it easy for employees to fit in short breaks for self-care throughout the workday. Check out these two wellness-related microlearning examples: 3 Desk Stretches to Instantly Improve Your Day 5 Tips for Better Naps 7. Provide Quick-Reference Guides Microlearning is the perfect resource for one-off training questions: Employees can quickly find the answers they need—when they need them. Below, we’ve created templates for product and software training. But you could easily create quick-reference guides for sales, customer service, and other teams. Get To Know [Name of Product] Software Training 8. Reinforce and Assess Key Takeaways Finally, who says you have to choose between a more sizable course and microlearning? Repetition aids retention. Consider following up longer training sessions with a microlearning quiz, scenario, or summary. The examples listed below demonstrate how you might do this: Can You Recover From a Workplace Mistake? Training Refresher Wrap-Up There’s no shortage of creative ways you can use microlearning to achieve your business training objectives. The examples above are just a starter list. You might also check out submissions to one of our weekly community challenges, 40+ Microlearning Examples Created in Rise 360 #407. Interested in customizing one of these examples for your team? If you’re an Articulate 360 subscriber or trialer, you can edit all of the examples linked throughout this post by choosing the course from our Rise 360 microlearning content templates. Here’s a short video showing how to do that: What’s the latest microlearning course you’ve created? Tell us about it in the comments—and feel free to ask any questions you might have! Like this article? Subscribe to our newsletter to get the latest e-learning inspiration and insights directly in your inbox. You can also find us on LinkedIn and Twitter.15 Ways to Collaborate on Projects and Manage Your Team with Articulate 360 Teams
If you have a team of e-learning developers, you probably have two basic goals: to create beautiful, effective courses and to manage your team as efficiently as possible. And we want to help you do just that! That’s why we’re always adding new features to Articulate 360 Teams. Check out the following 15 features that’ll have you collaborating on projects and managing your team with ease, no matter how big your team grows. Collaboration Features Collaborative Authoring in Rise 360 Work together on Rise 360 courses with members of any Articulate 360 team. Create and edit different lessons simultaneously or take turns fine-tuning the same one. Changes happen in real time, so everyone always works on the most recent version. You can even give collaborators different levels of access by making them authors or admins. Learn more about collaborative authoring. Question Banks in Rise 360 Create repositories of questions that can be used in any course you create. Share them with your team so everyone can quickly create quizzes with consistent questions, answers, feedback, and media. Knowledge checks and quizzes draw from these banks rather than displaying the same static questions whenever a learner takes the course. When you share a question bank, team members can use your questions and, with the proper permissions, modify them or add their own. Learn more about question banks. Shared Block Templates in Rise 360 Build Rise 360 courses faster by saving existing blocks and their content as templates. Share those templates with your team, then everyone can reuse them in other Rise 360 courses. Learn more about block templates. Shared Team Slides in Storyline 360 Easily collaborate on Storyline 360 projects with a library of shared team slides. Team members upload and download slides, scenes, and entire projects right within Storyline 360. It’s perfect for sharing project templates, slides that need to be in every course, and reusable slide content, such as interactions and quiz questions. Learn more about team slides. Shared Team Folders in Rise 360 and Review 360 Create shared team folders in Rise 360 and Review 360 to organize your content, assign permissions, and invite collaborators. You can even allow multiple authors to publish new versions of a course to the same Review 360 project. Project Reviews in Review 360 Speed up project reviews. Publish e-learning projects from Storyline 360 , Rise 360, and your other Articulate 360 apps to Review 360 to gather feedback from stakeholders. Collect in-context feedback, follow threaded discussions, and resolve comments in one easy-to-use web app. Learn more about Review 360. Request Reviews in Review 360 Keep your team on track without the hassle of spreadsheets or phone calls. Send and track requests for specific stakeholders to review a content item right from Review 360. With email notifications, due dates, visible statuses, and completion buttons, you’ll never miss another deadline. Learn more about requesting reviews. Integrated Comments in Rise 360 and Storyline 360 Streamline review processes even further. Get Review 360 comments in context as you work in Rise 360 and Storyline 360, eliminating back-and-forth toggling between apps. Browse through feedback from various stakeholders, see comments for multiple Review 360 items, reply to and resolve comments, and add suggested images in real time—all in one place. Cloud Backup in Storyline 360 and Review 360 Work with confidence, knowing your files are safe and easy to access anywhere, anytime. Access your Storyline 360 project files from anywhere and share them with team members by uploading your source files to Review 360. Learn more about cloud backup. Admin Features Consolidated Billing Management Articulate 360 Teams makes billing management simple. You get one annual bill that covers all your team creator licenses. You have the flexibility to pay via credit card or purchase order. And as your team grows, you can add more licenses using your account management console. Learn more about account management. Easy User Management Easily add and remove users as your team evolves. For example, when users leave the company or their roles change, remove them from your team and assign the creator licenses to new users. You can even upload all your users at once using a simple CSV file. And you can add as many 360 admins as you’d like to manage your team. Learn more about managing your team. Group Managers Manage your team with ease. Organize users in groups, such as departments or locations, and assign group managers to manage each group. Watch this video for a brief overview and check out this article for details on managing users, groups, and managers. Manage Team Slides and Block Templates Admins who have creator licenses can rename and delete all Storyline 360 team slides and Rise 360 shared block templates. This is helpful when the original content owners aren’t available to make changes. Transfer Content Maintain control of your content and intellectual property. When someone leaves your team, keep shared content within the subscription and choose what happens to their personal content. Content includes Rise 360 courses, microlearning, label sets, and block templates; Review 360 items and request reviews; and Storyline 360 team slides. Single Sign-On Don’t worry about remembering (or forgetting!) another password. Control authentication for your Articulate 360 team using your own identity provider and our single sign-on (SSO) solution. Start a Free Trial Experience these Articulate 360 Teams features for yourself! Sign up for a 30-day free trial of Articulate 360. You can invite up to 10 users to join your team during the trial period. You’ll get the exclusive collaboration and admin features described above, as well as award-winning authoring apps, 22+ million course assets, as well as live and on-demand online training. See these FAQs to learn more about free trials and let us know if you need help!Honor AAPI Heritage Month With These Free Resources
Research shows that a commitment to diversity, equity, and inclusion helps organizations adapt better to challenges–and makes them more likely to innovate. With more change than ever happening in and around the workplace, diversity-focused training can help boost outcomes, improve agility, and make your organization a better place to work. May is Asian American and Pacific Islander Heritage Month, making it a great opportunity to affirm your commitment to diversity. This spring, we’re bringing you content that you can use to grow your team’s cultural awareness, collaborative skills, and ability to innovate. We hope this content will spark curiosity and encourage larger conversations that lead to more emotional and creative intelligence among your employees. 1. Asian American and Pacific Islander Heritage Month (full-length course) Use this course to educate your team and expand their cultural knowledge, opening up more avenues for collaboration and creativity. Teams will get a simple introduction to AAPI history, meet leaders in art, food, science, and other major industries, and explore accessible ways they can honor AAPI Heritage Month. 2. 9 Ways To Celebrate AAPI Heritage Month (microlearning course) Celebrating AAPI Heritage Month is a great way to demonstrate your commitment to diversity and bring your team together for a good cause. This microlearning summarizes nine easy ways you can celebrate as a team–and encourages employees to grow their own knowledge individually, too. 3. From Draves to Kim: A Celebration of AAPI Athletes (microlearning course) Want a quick, engaging way to inspire and motivate your team? Set them up for success with this simple, accessible microlearning. Employees will meet snowboarder Chloe Kim, two-time Olympic gold medalist, and Vicki Draves, the first Asian American to win an Olympic medal and the first woman to ever sweep the diving events. Wrap-Up Packed with timely, engaging content, these resources can help improve your team culture, leading to even better collaboration and innovation. Add them to your e-learning strategy and watch as your team grows stronger and more agile. Remember, with an Articulate 360 subscription you can also tailor this content to best fit your audience and your organization–consider, for example, adding quotes and stories from AAPI figures in your field. To share and customize these resources, go to your Rise 360 dashboard, click +Create New, and select the course you want to use. Need other courses for your diversity, equity, and inclusion efforts? There are plenty of other options to choose from in the Content Library, including: Power and Pride: The Origins of Pride Month What Is Black History Month? Diversity Basics: Taking Action Honoring Herstory During Women’s History Month Want to try something you learned here, but don’t have Articulate 360? Start a free 30-day trial. And subscribe to our newsletter to get the latest product updates, e-learning examples, and expert advice sent directly to your inbox. If you have questions, please share them in the comments.7 Creative Ways to Use Images in Rise 360 Courses
Have you ever finished creating a course, looked at it, and thought to yourself, Wow … that’s a lot of text! If so, you’re not alone. It’s easy for courses to end up text-heavy, because written content is the easiest way for a lot of folks to communicate. But a text-heavy course can also make learners feel overwhelmed—and that’s not what anyone wants! So what’s the best way to make your course feel lighter and more approachable? Add in some relevant imagery to break up your text content. Now, I know what you’re thinking: What if I don’t have the images I need to illustrate my content? No worries! Rise 360 is integrated with Content Library 360, so you’re never more than a click away from millions of course assets. And there are so many different ways you can use them in your course. Let’s take a closer look at a few creative ideas for adding imagery to your Rise 360 courses. 1. Replace Bullet Points with Illustrated Flashcards Instead of inserting a bullet point block, why not use a flashcard block with images on the front side? In addition to making your course feel less text-heavy, it’ll encourage learners to actively engage with your content. 2. Add a Quote with a Background Image Quotes are a great way to drive home your key messages and inspire your learners. By adding a background image to your quote, you’ll draw attention to it and break up the monotony in a lesson with a lot of text. 3. Illustrate Your Knowledge Checks and Quiz Questions Quizzes don’t have to be text-only! Add some visual interest to your knowledge check or quiz question by adding an image or illustration. 4. Make Key Points Stand Out by Adding a Background Image If you want to make sure your learners don’t overlook a key point, why not add some emphasis by pulling the message out from a paragraph and adding a background image? It’s a surefire way to catch your learner’s attention. 5. Replace Bullet Points with a Labeled Graphic If you’re looking for a more creative way to present your bullet points, try searching Content Library 360 for an image that illustrates your content, like in the example above. You can then add markers to the appropriate spots on the image so learners can click for more information. 6. Break Up Content with Full-Width Images If you have a lesson with a bunch of text blocks in a row, why not break it up with some full-width images? These images will serve not only as dividers but will make your course look nicer and feel less dense. 7. Add Images to Your Interactive Blocks If you’re using interactive blocks like processes, timelines, accordions, or tabs, for example, think about adding an image to each section to round out your content. Wrap-Up These ideas are only the tip of the iceberg! There are many other ways to incorporate visuals into your Rise 360 courses. And to help you find the images you want in Content Library 360, check out this article. Want to try out what you learned here in Rise 360, but don’t have Articulate 360? Start a free 30-day trial. And subscribe to our newsletter to get the latest product updates, e-learning examples, and expert advice directly in your inbox.
