Part 2: Building Rise Code Blocks

➡️ View the post and tutorial

👋Hi everyone!

Part 2 of the series is up — and this one is about how the code blocks in the Rise Code Block Library get built, and how you can do the same.

I've developed a workflow system — the Rise Build System — that uses Claude to take you from idea to finished, tested, Rise-compatible code block without needing to know JavaScript or HTML. The tutorial walks through a real build: a row sorting interaction that came directly from the suggestion box in the code library. 

The full Rise Build System — master prompt, intake prompt, revision prompt and setup instructions is free for all, but I'm asking for your email in exchange so I can keep you updated on new tutorials. You can subscribe over in the post and if you already have, you'll receive an email with the build system. 

👉 Start with Part 1 if you haven't already

👉 Browse the Rise Code Block Library

👉 Enjoy Part 2

I’m working on two tutorials related to Part 2:

• Rise Build System in Action Available Now
  This post demonstrates two more examples of working with the Rise Build System, including revising existing code snippets.

• Prototyping with Intent  Coming Shortly
  This post demonstrates how you can use Claude's visualization feature to rapidly create code widgets, and how Claude Design can make code snippet interfaces look awesome.

The final part of this series will drop in a couple of weeks and shifts focus from Rise to Storyline. We’ll look at the new AI JavaScript coding feature, similar to Rise Code Blocks, but different in many ways. I'll also have a follow up for this final part discussing options for organizing your snippets.

Have fun with this series and let me know if you have any questions.

Stephanie