Skip to content

Fallenproud/lumina.diy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Lumina.DIY - AI-Powered Autonomous Workflow Platform

Lumina.DIY: Next-Generation AI Development Platform

Welcome to Lumina.DIY, an advanced AI-powered autonomous workflow development platform built upon the foundation of bolt.diy. This platform combines cutting-edge AI capabilities with web technologies to create fully autonomous workflows, wallet integrations, and social media feed automation.

🌟 Project Vision

Lumina.DIY aims to be the ultimate autonomous AI agent workflow platform - similar to Replit or Manus.AI but with enhanced capabilities for:

  • πŸ€– Autonomous AI Agent Workflows
  • πŸ’Ό Integrated Wallet Functionalities
  • πŸ“± Social Media Feed Integration
  • πŸ”„ Real-time Workflow Automation
  • 🎯 Interactive Web Application Development

πŸ“‹ Table of Contents

🎯 Project Overview

Base Platform: bolt.diy

  • Foundation: Built on top of bolt.diy (open-source version of Bolt.new)
  • Core Functionality: AI-powered full-stack web development in the browser
  • LLM Support: OpenAI, Anthropic, Ollama, OpenRouter, Gemini, LMStudio, Mistral, xAI, HuggingFace, DeepSeek, Groq
  • Container Technology: WebContainer API for in-browser development environments

Enhancement Goals: Lumina.DIY Extensions

  • Autonomous Workflows: Self-executing AI agent chains
  • Wallet Integration: Cryptocurrency and payment system integration
  • Social Media APIs: Twitter, LinkedIn, Instagram feed automation
  • Workflow Orchestration: Multi-step automated processes
  • Real-time Collaboration: Enhanced team development features

πŸ“Š Current Status

🌐 LIVE PLATFORM

πŸš€ Lumina.DIY is now LIVE at: https://2579d18a.lumina-diy.pages.dev

βœ… Currently Implemented (Inherited from bolt.diy)

  • AI-powered code generation with multiple LLM providers
  • In-browser development environment with WebContainer
  • File management system with download/upload capabilities
  • Integrated terminal with command execution
  • Git integration with GitHub publishing
  • Real-time preview and hot reloading
  • Multi-language support (JavaScript, TypeScript, Python, CSS, HTML, etc.)
  • Prompt library with customizable templates
  • Chat history backup and restore

🚧 In Development (Lumina.DIY Extensions)

  • Autonomous workflow designer - Visual workflow builder
  • Wallet integration module - Cryptocurrency wallet connections
  • Social media feed aggregator - Multi-platform social media integration
  • Advanced AI agent orchestration - Multi-agent coordination
  • Real-time collaboration features - Enhanced team workflows

❌ Planned Features (See TODO.md)

  • Advanced workflow templates
  • Marketplace for AI agents
  • Enterprise collaboration tools
  • Advanced analytics dashboard
  • Mobile application companion

πŸ›  Technology Stack

Frontend

  • Framework: React 18.3+ with Remix 2.15+
  • Styling: UnoCSS (Atomic CSS framework)
  • UI Components: Radix UI primitives
  • Icons: Phosphor Icons, Heroicons
  • State Management: Zustand + Nanostores
  • Code Editor: CodeMirror 6
  • Terminal: xterm.js
  • Animation: Framer Motion

Backend

  • Runtime: Cloudflare Workers
  • API: Remix server-side rendering
  • WebContainer: StackBlitz WebContainer API
  • AI Integration: Vercel AI SDK
  • File System: Browser-based file operations
  • Git Integration: Isomorphic Git

Development & Build Tools

  • Package Manager: pnpm
  • Build Tool: Vite 5.4+
  • TypeScript: 5.7+
  • Linting: ESLint with custom configurations
  • Testing: Vitest + Testing Library
  • Deployment: Cloudflare Pages

AI & LLM Integration

  • Supported Providers: OpenAI, Anthropic, Ollama, OpenRouter, Gemini, LMStudio, Mistral, xAI, HuggingFace, DeepSeek, Groq, Cohere, Together AI, AWS Bedrock, Perplexity
  • AI SDK: Vercel AI SDK for unified LLM interface
  • Streaming: Real-time AI response streaming
  • Context Management: Advanced prompt and context handling

✨ Features

Current Features (bolt.diy)

  • πŸ€– Multi-LLM Support - Choose from 15+ AI providers
  • 🌐 In-Browser Development - Full stack development without local setup
  • πŸ“ File Management - Create, edit, and manage project files
  • πŸ’» Integrated Terminal - Execute commands and see outputs
  • πŸ”„ Git Integration - GitHub publishing and version control
  • πŸ“± Responsive Design - Works on desktop and mobile
  • 🎨 Code Highlighting - Syntax highlighting for 20+ languages
  • πŸ“‹ Prompt Library - Pre-built templates for common tasks
  • πŸ’Ύ Project Export - Download projects as ZIP files
  • πŸ” Visual Diff - See changes before applying
  • πŸ“Έ Image Attachments - Attach images to AI prompts

Planned Features (Lumina.DIY)

  • πŸ”„ Autonomous Workflows - Self-executing multi-step processes
  • πŸ’³ Wallet Integration - Cryptocurrency and payment system support
  • πŸ“± Social Media Automation - Cross-platform social feed management
  • 🎯 AI Agent Orchestration - Coordinate multiple AI agents
  • πŸ“Š Analytics Dashboard - Track workflow performance
  • πŸ› Marketplace - Share and discover AI agents/workflows
  • πŸ‘₯ Team Collaboration - Enhanced multi-user development
  • πŸ“± Mobile App - Companion mobile application
  • πŸ” Enterprise Features - SSO, advanced permissions, audit logs

πŸš€ Setup & Installation

Prerequisites

  • Node.js: Version 18.18.0 or higher
  • pnpm: Package manager (automatically installed with Node.js)
  • Git: Version control system

Quick Start

  1. Clone Repository

    git clone https://github.com/Fallenproud/lumina.diy.git
    cd lumina.diy
  2. Install Dependencies

    pnpm install
  3. Environment Setup

    cp .env.example .env.local
    # Edit .env.local with your API keys
  4. Start Development Server

    pnpm run dev
  5. Open Browser Navigate to http://localhost:5173

Docker Setup (Alternative)

# Build Docker image
pnpm run dockerbuild

# Run with Docker Compose
docker compose --profile development up

πŸ”§ Development Workflow

Available Scripts

  • pnpm run dev - Start development server
  • pnpm run build - Build for production
  • pnpm run start - Run production build locally
  • pnpm run test - Run test suite
  • pnpm run typecheck - TypeScript type checking
  • pnpm run lint:fix - Fix linting issues
  • pnpm run deploy - Deploy to Cloudflare Pages

Development Guidelines

  1. Branch Strategy: Create feature branches from main
  2. Commit Messages: Use conventional commit format
  3. Code Style: Follow ESLint and Prettier configurations
  4. Testing: Write tests for new features
  5. Documentation: Update docs for significant changes

πŸ— Architecture

High-Level Architecture

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚                Frontend (React + Remix)      β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”β”‚
β”‚  β”‚ AI Chat UI  β”‚ β”‚ Code Editor  β”‚ β”‚Terminalβ”‚β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”˜β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                       β”‚
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚              Remix Server (Cloudflare)       β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”β”‚
β”‚  β”‚ AI Provider β”‚ β”‚ File System  β”‚ β”‚Git Ops β”‚β”‚
β”‚  β”‚ Integration β”‚ β”‚ Operations   β”‚ β”‚        β”‚β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”˜β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
                       β”‚
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚           WebContainer + External APIs       β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”β”‚
β”‚  β”‚WebContainer β”‚ β”‚   LLM APIs   β”‚ β”‚GitHub  β”‚β”‚
β”‚  β”‚     API     β”‚ β”‚ (15+ models) β”‚ β”‚  API   β”‚β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”˜β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Directory Structure

lumina.diy/
β”œβ”€β”€ app/                    # Remix application code
β”‚   β”œβ”€β”€ components/         # React components
β”‚   β”œβ”€β”€ lib/               # Utility libraries
β”‚   β”œβ”€β”€ routes/            # Remix route handlers
β”‚   β”œβ”€β”€ styles/            # CSS styles
β”‚   └── types/             # TypeScript definitions
β”œβ”€β”€ public/                # Static assets
β”œβ”€β”€ functions/             # Cloudflare functions
β”œβ”€β”€ scripts/               # Build and utility scripts
β”œβ”€β”€ docs/                  # Documentation
β”œβ”€β”€ electron/              # Electron app configuration
β”œβ”€β”€ .github/               # GitHub workflows
└── package.json           # Project dependencies

πŸ—Ί Roadmap

Phase 1: Foundation Enhancement (Q1 2024)

  • Codebase Analysis - Deep dive into bolt.diy architecture
  • Development Environment - Set up enhanced development workflow
  • UI/UX Improvements - Modernize interface design
  • Performance Optimization - Improve loading times and responsiveness

Phase 2: Autonomous Workflows (Q2 2024)

  • Workflow Designer - Visual workflow builder interface
  • Agent Orchestration - Multi-agent coordination system
  • Template Library - Pre-built workflow templates
  • Execution Engine - Autonomous workflow execution

Phase 3: Integration Features (Q3 2024)

  • Wallet Integration - Cryptocurrency wallet support
  • Social Media APIs - Multi-platform social media integration
  • Third-party Services - Extended API integrations
  • Real-time Collaboration - Enhanced team features

Phase 4: Enterprise & Mobile (Q4 2024)

  • Enterprise Features - SSO, permissions, audit logs
  • Mobile Application - Companion mobile app
  • Marketplace - Agent and workflow sharing platform
  • Advanced Analytics - Performance monitoring and insights

πŸ“š Documentation

API Documentation

Development Guides

🀝 Contributing

We welcome contributions to Lumina.DIY! Please see our Contributing Guidelines for details on:

  • Code of Conduct
  • Development Process
  • Pull Request Guidelines
  • Issue Reporting
  • Community Resources

Community

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

WebContainer Licensing Note

Lumina.DIY uses the WebContainer API which requires commercial licensing for production usage in commercial, for-profit settings. Development and prototyping do not require a license.

πŸ™ Acknowledgments

  • bolt.diy team - Foundation platform development
  • StackBlitz Labs - WebContainer technology
  • Vercel - AI SDK and deployment platform
  • Cloudflare - Edge computing infrastructure
  • Open Source Community - Continuous contributions and support

Built with ❀️ by the Lumina.DIY community

For detailed development tasks and progress tracking, see TODO.md

About

Prompt, run, edit, and deploy full-stack web applications using any LLM you want!

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages