Transform unstructured project descriptions into organized, actionable development roadmaps using advanced AI parsing and real-time collaboration.
- AI Brief Parsing: Google Gemini-powered analysis converts text briefs into structured node trees
- Real-time Collaboration: Live variable editing with sub-200ms synchronization
- Smart Dependencies: Automatic variable propagation across project components
- Visual Project Management: Interactive hierarchical node visualization
- Export Integration: JSON/Markdown export for seamless tool integration
https://canopy-gray.vercel.app/
- Frontend: React 18, TypeScript, Tailwind CSS, Framer Motion
- Backend: Supabase Edge Functions (Deno), Hono
- Database: PostgreSQL with RLS
- AI: Google Gemini API
- Authentication: Supabase Auth
Transform any project brief into a visual prompt tree in 10 seconds with Supabase persistence and intelligent dependency tracking.
- 10s average parse time
- 200ms variable sync speed
- JSON export formats
- Real-time collaboration with Supabase
Track and manage project variables with automatic synchronization and dependency tracking across components.
View your AI-generated development plan with organized sections, requirements analysis, and technical architecture design.
Manage all your projects with status tracking, search functionality, and quick access to active and recent projects.
Browse and use community-curated prompt templates across Development, Design, Marketing, Analysis, Documentation, and Research categories.
- Input Your Brief – Paste or type your project description
- AI Analysis – Gemini processes and structures your requirements
- Interactive Tree – Explore generated project components visually
- Collaborate – Edit variables in real time with team synchronization
- Export – Download as JSON or Markdown for your workflow
# Clone the repository
git clone https://github.com/yourusername/canopy.git
# Navigate to the project directory
cd canopy
# Install dependencies
npm install
# Copy environment variables
cp .env.example .env.local
# Run the development server
npm run devVITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
VITE_GEMINI_API_KEY=your_gemini_api_key- Product Teams – Convert PRDs into structured development plans
- Freelancers – Transform client briefs into actionable roadmaps
- Agencies – Standardize project intake and planning workflows
- Developers – Generate technical specifications automatically
Contributions are welcome! Please read our Contributing Guide for the process of submitting pull requests and our code of conduct.
This project is licensed under the MIT License. See the LICENSE file for details.
- Google Gemini – For AI capabilities
- Supabase – For real-time infrastructure
- Open Source Community – For inspiration and resources
- 🌐 Website: https://canopy-gray.vercel.app/
- 🐙 GitHub: @kasimlohar
- 🐦 LinkedIn: @kasimlohar