🎓 StoryFlow Masterclass

Step-by-step guide to adapting this open source node-based workflow editor. Each step includes the prompts used and files modified.

New to this? Start with the Basics

Learn Git, Augment Code, and Supabase setup first

👥

Codebase Members

Request access to the private GitHub repository to view and contribute to the codebase.

ChristianEscobedo/Storyflow-Canvas

After approval, you'll receive an email invitation from GitHub to join the repository.

📋 Adaptation Overview

We transformed Node Banana (an open source AI workflow editor) into StoryFlow with these key additions:

✅ Supabase backend for auth, database, and storage
✅ Platform credits system instead of user API keys
✅ Cloud storage for videos (fal.ai compatibility)
✅ Library for saving generated outputs
✅ Cloud workflow storage and sharing
✅ Security hardening (RLS policies, rate limiting)
✅ Auth middleware for route protection
✅ Undo/redo with history tracking

✅ Export to HTML, Python, API calls
✅ Analytics dashboard with cost tracking
✅ Batch processing for multiple generations
✅ Community workflows & sharing
✅ Stripe monetization & subscriptions
✅ Subscription access control
✅ Admin dashboard for user management
✅ 16 adaptation steps total

Built with Claude AI assistance • 2026