Code Block Prompts

Getting started is the hardest part. You would think it's the coding itself but nope. What to do, and how to do it. What to build, and things like that get in the way sometimes. Below are a few ideas to help get you started. Copy/paste and of these into yoru AI tool of choice and see what happens. Tweak as you see fit and you will start to get a good idea of what is possible. One last thing to do, I almost always include this line somewhere in the prompt: “The code needs to run inside an Articulate Rise Code Block.”

If you leave that out, the AI will sometimes generate things that rely on frameworks or page-level styling that Rise doesn’t support.

Simple Template - 

Can you create a simple HTML, CSS, and JavaScript template that will run inside an Articulate Rise Code Block?  Keep it under 720px wide so it fits nicely in Rise. Please don’t use external libraries and stick with system fonts. Separate the HTML, CSS, and JavaScript so it’s easy to understand. Include a small example interaction like a button that reveals some hidden text.

Idea to Interaction - 

I want to build a small click interaction that can run inside an Articulate Rise Code Block. The learner should click items and reveal information. Only one item should open at a time. Keep the layout under 720px wide so it fits well in Rise. Use HTML, CSS, and JavaScript only. No external libraries.  Use placeholder text so I can swap in my own content later.

Simple scenario - 

Help me build a small scenario interaction for an Articulate Rise Code Block.Put the scenario text at the top. Give the learner three response buttons to choose from.When they click a button, show feedback for that choice.They should be able to change their answer.Only show one feedback message at a time. Keep everything under 720px wide and don’t use external libraries.

Learning game - 

Can you help me build a small learning game that will run inside an Articulate Rise Code Block? The idea is learners match items to the correct category. When they make a choice, show whether they got it right or wrong. At the end show a simple completion message. Keep it under 720px wide and don’t use any external libraries.

Good luck!