What Happens Next?

Thank you Caroline! Below is my process for creating my code.

My Code Vibe Workflow in Rise 360

Why I Use Claude for Coding

I prefer Claude because of its Artifacts feature. It provides a side-by-side preview window, allowing me to see the finished code and interact with the design in real-time. This visual feedback loop makes it much faster to catch bugs and polish the UI than traditional coding.

Detailed Prompting

I start by building a highly detailed prompt. The more specific I am about the functionality, layout, and purpose, the better the initial result. I explicitly ask Claude to "create a single, self-contained index.html file" so all logic and styling are in one place.

Preview & Refine

Using the side-by-side window, I review the design and ask for adjustments (e.g., "center the text" or "tweak the brand colors"). This allows me to see the "finished" product before it ever goes into Rise.

Implement in Rise 360

1. Copy the final code from Claude.
2. In Rise, select the </> Code block from the block library.
3. Click Add Code and paste. The interaction renders immediately and is ready for learners.

Hope this helps!