Hi everyone! I'm Yuri, and this is my project for the Flowstep Challenge by Contra! I have many volunteer friends around the world working in places where disasters have struck, and people need help. I often hear from them that they use different tools in their work, but they still really lack full automation to connect coordination centers with individual volunteers. This request inspired me to do this project!

I took a tool one of these volunteer organizations already uses and built out the parts it's missing:

- For coordinators (desktop) - all incoming requests with their statuses, warehouse state, the stats they actually need, and a map view of where every request is coming from.

- For volunteers (mobile) - a new request with its status, the full details, and a simple accept or decline.

Now, the fun part: how it was made. I ran Claude Code + Flowstep together over MCP. First, I wrote out a spec of everything the product needed to do and handed it to the setup. Then I went through the existing tool and documented its design system - this turned out to be the smartest thing I did, because it kept every screen consistent instead of feeling like ten different products. After that, I generated prompts in Flowstep, one dedicated prompt per user flow. I refined each screen with prompts, and honestly, most of the time it landed on the first or second try. The few tiny things left over I just nudged by hand right in Flowstep.

And I'm genuinely happy with how it came out. Doing all of this manually would've cost me a solid 6–8 hours. This took me a bit over two. 

And the agent messages provided for the challenge were enough for me to finish. I was only 1 short - to adjust an icon on the last screen (hope you won’t blame for that).

🔗 The result of my work in Flowstep: https://app.flowstep.ai/file?activeFileId=0c294720-d873-4ced-b99c-e6f20f818209

🔗 Post on  X: https://x.com/YuriiFunkendorf/status/2080984793035002323?s=20

Thank you all so much for checking it out, and I'd be grateful for your feedback and comments! #FlowstepChallenge # #Flowstep #Claude #ClaudeCode #Weavy #UX/UI #ProductDesign #Saas #Dashboard

This CrisisCoord concept is brilliant. The dashboard + mobile + warehouse flow feels so real and needed. Love how you handled the urgency with the timers and priority system. Great execution!

Legacy — A Digital Time Capsule for the Future

Legacy is an interactive digital time capsule that helps people preserve memories, stories, and messages for someone to receive in the future.

Users can create capsules for a child, partner, family member, or future self, then add letters, voice recordings, videos, photos, recipes, life advice, and milestones.

The core interaction is a visual timeline. Users drag memories onto future years and choose when they should unlock. For example:

“This letter will unlock in 9 years.”

Once a capsule is complete, the user selects a recipient, sets an unlock date, adds a trusted contact, previews the recipient experience, and seals it.

When the date arrives, the recipient verifies their identity and opens a guided story containing everything preserved for them—not just a folder of files.

The prototype was built in Flowstep and includes:

Capsule creation

Multi-format memories

Interactive timeline

AI-assisted writing and transcription

Recipient verification

Trusted contacts

Family archives

Capsule preview and sealing

Future delivery and private replies

https://app.flowstep.ai/file?activeFileId=adab4a3f-de63-47b4-a348-21bfc897bcad The design is warm, minimal, and editorial, using General Sans, Inter, and IBM Plex Mono with a restrained off-white and burnt-orange color system.

Legacy asks one simple question:

What do you want someone to remember about you years from now?

fablous thinking