Forum Discussion

KayleneWance's avatar
KayleneWance
Community Member
24 days ago

Code Block: Interactive Process

  Hi All! I've been trying to use the Code Block more and I'm finding out that if I can think it, I can build it (with the help of AI)! This started with a simple idea - can I make a proce...
code block
rise 360
TimHillier's avatar
TimHillier
Community Member
1 day ago

Kaylene this is great.

Beyond the code snippet I would be interested to know the prompts you used to get to this snippet.  How many iterations did it take to get what you wanted?

 

Thank you for sharing.

 

Tim

  • KayleneWance's avatar
    KayleneWance
    Community Member
    21 hours ago

    Hi Tim,

    Glad you like it! It took me roughly 1.5 - 2 hours to build. Looks like about 10 big prompt ideas that drove the build 

    1. Initial idea (interactive process graph in Rise)
    2. Image + explanation of snake layout
    3. Debugging why nothing rendered
    4. Move content into cards + spacing changes
    5. Remove deselect behavior + color/font changes
    6. Remove redundancy + visual cleanup + color-state changes
    7. Make arrows more obvious
    8. Add animated arrows
    9. Debug why only one arrow animated
    10. Reaction / confirmation

    I'll be honest, I didn't have a real clear picture when I started so part was me chatting back and fourth to get to the outcome I wanted. Then when I had the base idea, I just started building on top of it to get that final result.