When I’m trying to improve the user experience of my applications, one of the most valu...
1
When I’m trying to improve the user experience of my applications, one of the most valuable things is being able to see an entire user flow as a storyboard.
Not just one screen or screenshot at a time.
This is something I love using the /visual-plan skill for.
You can describe any flow you want, and the agent will look through your code and wireframe out a storyboard of what the flow looks like.
Then you can visualize the steps in a simplified way and spot areas to improve.
Recently, I found that in certain flows we were still asking for organizations, even though I thought I had gotten rid of that and made it automatic.
A quick storyboard let me see all the different code paths in a simple, visual, intuitive way. Spot the areas of the flow I didn’t want. And have the agent fix it.
Sign up, onboarding, and setup flows are usually some of the most important experiences in your app.
And usually the least looked at.
Especially because it can be hard to reproduce every flow, for every situation, for every user type, feature flag, or whatever else you have.
The /visual-plan skill lets you visualize any part of your code.
Either to understand the current state, plan out a new state, or recap updates that were made.
I’m pretty addicted to this skill.
I use it for a lot of other things too, so let me know if you want to see videos on those.
And of course it’s all open source.
You can grab it on my GitHub. I'll link to it in the thread.
If you try it, let me know your feedback.
{{IMAGE_0}}
2
Source for the skill here:
https://
github.com/BuilderIO/skil
ls
…
Source for the visualization app here:
https://
github.com/BuilderIO/agen
t-native
…