VIBE CODING
5 TopicsWelcome to a Severance Style Code Block
My first time creating an interaction with code! So inspired by what everyone has created. I've learned it can take a few iterations to get what you want. I used Copilot and ChatGPT5. Feel like I could have spent more time—had to stop and call it good enough for now. Enjoy this Severance inspired interaction. As a new employee, Mr. Milchick has assigned a task for your to complete as part of your orientation. When you are complete, clock out and take the elevator to leave. See it here Cyd Find me on LinkedIn or https://mastermind180.com/57Views4likes8CommentsHidden Meaning
I've been experimenting with ways to allow users to have more control in how they interact with learning content to make it more enjoyable. Inspired by tactile learning, this one allows users to control the view port and the way they receive information. https://360.articulate.com/review/content/e3b27630-da90-4f3f-82f7-58f93e76d044/review37Views1like3CommentsMicrolearning 2: Electric Boogaloo
Hello! I've been taking part in these challenges for so long, sometimes I get to do a 'sequel' to an earlier demo. In the age of AI, witness the return of DOT - my 'microlearning companion' from 2020's 'Tiny E-Learning Challenge'. This time, she's a little bit more advanced, but no less sarcastic. DOT will respond to pre-filled questions with a range of randomised responses. Her code uses your web browser's built-in text-to-speech feature to read the dialog out loud. This week's demo is the result of a 4-hour 'vibe coding' session with Claude.ai, during which I shared images of my original demo for E-Learning Heroes Challenge 331. I'm still tinkering with DOT's code, so I won't be sharing that here. But if you'd like to know how I used two different fonts in the same course title, you'll find that code in the final section of this course. CHAT TO DOT HERE...63Views3likes1Comment🎥Hollywood Mogul
For this challenge, I created a coded activity called Hollywood Mogul, in which users can mix and match Genre, Star Power, Setting, and Plot Twist to create a pitch for a movie. From these elements, the code dynamically generates a movie title, logline, synopsis, and estimated budget based on the user's selections. Figure this may be the Hollywood wave of the future, if it isn't already. I used Canva AI to generate the code and it took maybe 2-3 iterations to get what I wanted, mostly in terms of the visuals. I haven't been much of a Rise user, but I think the code block is a game changer and I may have to reconsider a lot of my design projects. The code is at the end of the activity. Link here: Hollywood Mogul52Views2likes1CommentSWOT </>
I vibe-coded a lightweight SWOT Analysis interaction in Rise with three flavors to fit different learning goals: Guided Reveal – Classic flip cards: front = the idea or prompt, back = definition, guidance, and examples. Flip for Optional Context – Respects adult learners’ time: key takeaway up front, optional context on the flip if they want more. Self-Reflection (Editable) – Learners type their own SWOT directly on the cards, with a Save as PDF option for practice or submission. The full copy-paste code is right below each example for anyone interested. https://360.articulate.com/review/content/c6bf0af4-7b2a-4f7d-b086-627adec4c905/review54Views2likes0Comments