AeThex-Labs/aethex-studio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

docs: Add comprehensive product roadmap and feature architecture

Browse source 
- Full product vision from basic IDE to game dev ecosystem
- 8-phase roadmap covering visual scripting, marketplace, AI, analytics
- Detailed architecture for priority features
- Revenue model and competitive positioning
- Tech stack evolution plan
- Success metrics and timeline
This commit is contained in:
Claude 2026-01-23 22:38:27 +00:00
parent 96163c8256
commit 4fa6d0c3ed
No known key found for this signature in database
2 changed files with 967 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

503
ROADMAP.md Normal file
View file

@ -0,0 +1,503 @@
# AeThex Studio - Product Roadmap & Vision
## Current State: Basic IDE
What we have now is essentially a code editor with some templates. That's table stakes.
## Vision: The Unity/Unreal for Cross-Platform Metaverse Development
AeThex should be the **one-stop platform** where creators build once and deploy everywhere - with visual tools, AI assistance, marketplace, collaboration, and analytics.
---
## PHASE 1: Core IDE Enhancement (Foundation)
### 1.1 Visual Scripting System
**Why**: 70% of Roblox creators are visual learners / non-coders
```
┌─────────────┐ ┌─────────────┐ ┌─────────────┐
│ On Player │───▶│ Check if │───▶│ Give Item │
│ Touch Part │ │ Has Pass │ │ to Player │
└─────────────┘ └─────────────┘ └─────────────┘
```
- Node-based editor (like Unreal Blueprints)
- Drag-and-drop logic blocks
- Auto-generates Lua/Verse/TS code
- Bi-directional: edit nodes OR code
### 1.2 Live Game Preview
**Why**: Can't test code without leaving the IDE
- Embedded Roblox-like 3D viewport
- Hot-reload code changes
- Console output in real-time
- Breakpoints and step debugging
- Mobile device preview mode
### 1.3 Real-time Collaboration
**Why**: Teams need to work together
- Google Docs-style multiplayer editing
- Cursor presence (see teammates typing)
- Voice/video chat integration
- Code review comments inline
- Conflict resolution
### 1.4 Version Control (Built-in Git)
**Why**: Professional teams need proper VCS
- Visual git interface (no command line needed)
- Branch visualization
- Pull request workflow
- Auto-commit on save (optional)
- Integration with GitHub/GitLab
---
## PHASE 2: Asset Pipeline & Creation Tools
### 2.1 3D Scene Editor
**Why**: Visual level design is essential
```
┌────────────────────────────────────────────────┐
│ Scene View │ Inspector │
│ ┌──────────────────────────┐ │ ┌────────────┐ │
│ │ 🎮 │ │ │ Transform │ │
│ │ ┌───┐ │ │ │ X: 0 Y: 5 │ │
│ │ │ │ 👤 │ │ │ Z: 10 │ │
│ │ └───┘ │ │ ├────────────┤ │
│ │ ████████████ │ │ │ Scripts │ │
│ └──────────────────────────┘ │ │ + Add │ │
│ Hierarchy │ Assets │ └────────────┘ │
└────────────────────────────────────────────────┘
```
- Drag-drop object placement
- Terrain editor
- Lighting system
- Physics simulation
- Cross-platform export (Roblox .rbxl, UEFN .umap)
### 2.2 Asset Library & Manager
**Why**: Games need models, textures, sounds
- Built-in asset browser
- Import: FBX, OBJ, GLB, PNG, WAV, MP3
- Auto-optimization per platform
- Asset variants (LODs, mobile versions)
- AI-powered asset generation (text-to-3D, text-to-texture)
### 2.3 Animation Editor
**Why**: Bring characters to life
- Timeline-based animation
- Skeletal animation support
- Blend trees and state machines
- Animation retargeting (apply human anim to any rig)
- Procedural animation tools
### 2.4 Particle System Editor
**Why**: Visual effects are crucial
- Visual particle editor
- Real-time preview
- Presets library (fire, smoke, magic, etc.)
- Cross-platform particle export
### 2.5 Audio Workstation (Basic)
**Why**: Sound design matters
- Waveform editor
- Spatial audio setup
- Music sequencer (simple)
- Sound effect library
- Adaptive audio triggers
---
## PHASE 3: AI-Powered Development
### 3.1 AI Code Generation (Not Just Translation)
**Why**: "Build me a combat system" should work
```
User: "Create a round-based game system with 3 minute rounds,
team scoring, and a lobby between rounds"
AI: [Generates complete system with:]
- RoundManager.lua
- TeamScoring.lua
- LobbySystem.lua
- UI components
- All connected and working
```
### 3.2 AI Game Designer
**Why**: Help with game design, not just code
- "What mechanics would make this more fun?"
- "Balance these weapon stats"
- "Suggest monetization that isn't predatory"
- Playtest analysis and suggestions
### 3.3 AI Asset Generation
**Why**: Not everyone can do art
- Text-to-3D model generation
- Text-to-texture
- AI music generation
- AI sound effects
- Style transfer (make assets match your game's style)
### 3.4 AI Bug Detection
**Why**: Find issues before players do
- Static analysis with AI reasoning
- "This loop might cause lag because..."
- Security vulnerability detection
- Memory leak detection
- Cross-platform compatibility warnings
### 3.5 AI Documentation
**Why**: Nobody likes writing docs
- Auto-generate code comments
- API documentation from code
- Tutorial generation from codebase
- Changelog generation from commits
---
## PHASE 4: Marketplace & Economy
### 4.1 AeThex Marketplace
**Why**: Creators want to monetize; buyers want shortcuts
```
┌─────────────────────────────────────────────────────┐
│ 🏪 AeThex Marketplace [Search] │
├─────────────────────────────────────────────────────┤
│ Featured │
│ ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ │
│ │ Combat │ │ Vehicle │ │ Fantasy │ │ UI Kit │ │
│ │ System │ │ Physics │ │ Assets │ │ Pro │ │
│ │ ⭐4.9 │ │ ⭐4.7 │ │ ⭐4.8 │ │ ⭐5.0 │ │
│ │ $15 │ │ $25 │ │ $40 │ │ $10 │ │
│ └─────────┘ └─────────┘ └─────────┘ └─────────┘ │
│ │
│ Categories: Scripts | 3D Models | UI | Audio | FX │
└─────────────────────────────────────────────────────┘
```
- Sell scripts, assets, templates, full game kits
- Revenue split (80/20 creator/AeThex)
- Ratings and reviews
- License management
- Cross-platform asset conversion included
### 4.2 Creator Subscriptions
**Why**: Recurring revenue for top creators
- Creators can offer subscription access
- Patreon-style tiers
- Early access to new content
- Direct support/consulting
### 4.3 Commission System
**Why**: Connect creators with developers who need custom work
- Post job: "Need inventory system, $500 budget"
- Verified creators can bid
- Escrow payment system
- Portfolio and reviews
---
## PHASE 5: Deployment & Analytics
### 5.1 One-Click Deploy
**Why**: Getting code into games is painful
```
┌─────────────────────────────────────────┐
│ 🚀 Deploy to Platform │
├─────────────────────────────────────────┤
│ ☑ Roblox [Connected] [Deploy] │
│ ☑ UEFN [Connected] [Deploy] │
│ ☐ Spatial [Connect Account] │
│ ☐ Core Games [Connect Account] │
├─────────────────────────────────────────┤
│ Deploy Options: │
│ ☑ Run validation checks │
│ ☑ Optimize for platform │
│ ☐ Deploy to staging first │
└─────────────────────────────────────────┘
```
- OAuth with each platform
- Direct publish to Roblox experiences
- UEFN island deployment
- Automatic platform optimization
- Rollback support
### 5.2 CI/CD Pipeline
**Why**: Professional development workflow
- Automated testing on commit
- Lint and format checks
- Cross-platform compatibility tests
- Staging → Production workflow
- Scheduled deployments
### 5.3 Analytics Dashboard
**Why**: Data-driven game development
```
┌─────────────────────────────────────────────────────┐
│ 📊 Game Analytics - "Epic Battle Sim" │
├─────────────────────────────────────────────────────┤
│ Players (7 days) Revenue (7 days) │
│ ┌─────────────────┐ ┌─────────────────┐ │
│ │ 📈 +23% │ │ 📈 +15% │ │
│ │ ╱ ╲ │ │ ╱╲ │ │
│ │ ╱ ╲│ │ ╱ ╲ │ │
│ │╱ │ │ ╱ ╲ │ │
│ └─────────────────┘ └─────────────────┘ │
│ 45.2K daily active $12.4K this week │
├─────────────────────────────────────────────────────┤
│ Retention │ Monetization │ Performance │
│ D1: 42% │ ARPU: $0.28 │ Avg FPS: 58 │
│ D7: 18% │ Conv: 3.2% │ Crash rate: 0.1% │
│ D30: 8% │ LTV: $1.85 │ Load time: 2.3s │
└─────────────────────────────────────────────────────┘
```
- Cross-platform unified analytics
- Player behavior tracking
- Funnel analysis
- A/B testing built-in
- Revenue tracking
- Performance monitoring
- Error tracking (Sentry integration)
### 5.4 Performance Profiler
**Why**: Optimize before deploying
- CPU/GPU usage graphs
- Memory allocation tracking
- Script execution time
- Network usage (for multiplayer)
- Platform-specific bottleneck detection
- "This function runs 500x/second, consider caching"
---
## PHASE 6: Multiplayer & Backend
### 6.1 Backend-as-a-Service
**Why**: Multiplayer games need servers
- Managed game servers
- Real-time databases (like Firebase)
- Player authentication
- Leaderboards
- Matchmaking
- Cloud saves
- No server code needed (visual configuration)
### 6.2 Multiplayer Testing
**Why**: Can't test multiplayer alone
- Spawn multiple test clients
- Simulate latency/packet loss
- Record and replay sessions
- Bot players for testing
### 6.3 Economy Management
**Why**: In-game currencies are complex
- Virtual currency management
- Item database
- Trading system
- Anti-cheat for economy
- Cross-platform wallet
---
## PHASE 7: Community & Learning
### 7.1 Learning Platform
**Why**: Grow the next generation
```
┌─────────────────────────────────────────┐
│ 🎓 AeThex Academy │
├─────────────────────────────────────────┤
│ Your Progress: Level 12 | 2,400 XP │
│ ████████████░░░░░░░░ 60% to Level 13 │
├─────────────────────────────────────────┤
│ Current Course: Combat Systems │
│ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │ ✅ │ │ ✅ │ │ 🔵 │ │ ⚪ │ │
│ │ 1 │ │ 2 │ │ 3 │ │ 4 │ │
│ └─────┘ └─────┘ └─────┘ └─────┘ │
│ Lesson 3: Hitboxes and Damage │
├─────────────────────────────────────────┤
│ 🏆 Achievements │
│ [First Script] [100 Lines] [Published] │
└─────────────────────────────────────────┘
```
- Interactive coding lessons
- Video tutorials
- Challenges with XP rewards
- Certifications
- Mentorship matching
### 7.2 Community Hub
**Why**: Creators need community
- Project showcases
- Forums / Discord integration
- Game jams (hosted by AeThex)
- Creator spotlights
- Job board
### 7.3 Creator Certification Program
**Why**: Verified expertise matters
- Skill assessments
- Platform-specific certifications
- Verified badges on marketplace
- Enterprise hiring pipeline
---
## PHASE 8: Enterprise & Teams
### 8.1 Team Workspaces
**Why**: Studios need organization
- Organization accounts
- Role-based permissions
- Project organization
- Shared asset libraries
- Team analytics
### 8.2 Enterprise Features
**Why**: Big studios have big needs
- SSO/SAML integration
- Audit logs
- Compliance tools
- Dedicated support
- Custom SLAs
- On-premise option
### 8.3 White-Label Solution
**Why**: Some companies want their own version
- Branded IDE for game studios
- Custom template libraries
- Internal marketplaces
- Integration with existing tools
---
## Revenue Model
### Free Tier
- Full IDE access
- 3 projects
- Community support
- Basic templates
- 1GB asset storage
### Pro ($15/mo)
- Unlimited projects
- AI code generation (100 requests/day)
- Advanced analytics
- Priority support
- 50GB asset storage
- Marketplace selling (85/15 split)
### Team ($40/user/mo)
- Everything in Pro
- Real-time collaboration
- Team workspaces
- Version control
- CI/CD pipelines
- 200GB shared storage
### Enterprise (Custom)
- Everything in Team
- SSO/SAML
- Dedicated support
- Custom SLAs
- Unlimited storage
- On-premise option
---
## Tech Stack Evolution
### Current
```
Next.js → React → Monaco Editor → localStorage
```
### Target
```
┌─────────────────────────────────────────────────────┐
│ FRONTEND │
│ Next.js │ React │ Three.js │ Monaco │ Y.js (CRDT) │
├─────────────────────────────────────────────────────┤
│ BACKEND │
│ Node.js │ tRPC │ Prisma │ PostgreSQL │ Redis │
├─────────────────────────────────────────────────────┤
│ INFRASTRUCTURE │
│ Vercel │ AWS S3 │ CloudFlare │ Planetscale │
├─────────────────────────────────────────────────────┤
│ SERVICES │
│ Stripe │ Clerk Auth │ Liveblocks │ Sentry │ Posthog│
├─────────────────────────────────────────────────────┤
│ AI │
│ Claude API │ OpenAI │ Replicate (3D Gen) │
└─────────────────────────────────────────────────────┘
```
---
## Priority Implementation Order
### NOW (Next 2-3 months)
1. ✅ Avatar Toolkit (DONE)
2. 🔄 Visual Scripting MVP
3. 🔄 Live Game Preview (embedded)
4. 🔄 Asset Library v1
### NEXT (3-6 months)
5. Real-time Collaboration
6. Built-in Git
7. AI Code Generation v2
8. Marketplace MVP
### LATER (6-12 months)
9. Scene Editor
10. Animation Editor
11. Analytics Dashboard
12. One-Click Deploy
13. Backend-as-a-Service
### FUTURE (12+ months)
14. Enterprise Features
15. Learning Platform
16. Full Marketplace
17. Mobile App
---
## Competitive Positioning
| Feature | Roblox Studio | Unity | Unreal | AeThex |
|---------|--------------|-------|--------|--------|
| Browser-based | ❌ | ❌ | ❌ | ✅ |
| Cross-platform export | ❌ | Partial | ❌ | ✅ |
| AI code translation | ❌ | ❌ | ❌ | ✅ |
| Visual scripting | ❌ | ✅ | ✅ | 🔄 |
| Built-in marketplace | ✅ | ✅ | ✅ | 🔄 |
| Real-time collab | ❌ | Partial | ❌ | 🔄 |
| Free tier | ✅ | ✅ | ✅ | ✅ |
| Learning built-in | Partial | ❌ | ❌ | 🔄 |
**Our edge**: Browser-based + Cross-platform + AI-native
---
## Success Metrics
### Year 1
- 50,000 registered users
- 5,000 monthly active creators
- 500 marketplace listings
- $100K GMV on marketplace
### Year 2
- 250,000 registered users
- 25,000 monthly active creators
- 5,000 marketplace listings
- $1M GMV on marketplace
- 100 paying teams
### Year 3
- 1M registered users
- 100,000 monthly active creators
- 25,000 marketplace listings
- $10M GMV on marketplace
- 500 paying teams
- 10 enterprise clients

464
docs/FEATURE_ARCHITECTURE.md Normal file
View file

@ -0,0 +1,464 @@
# AeThex Studio - Feature Architecture
## Immediate Priority Features (Next Sprint)
---
## 1. VISUAL SCRIPTING SYSTEM
### Why It's Critical
- 70% of Roblox creators prefer visual tools
- Lowers barrier to entry massively
- Differentiator from text-only IDEs
### Architecture
```
src/
├── components/
│ └── visual-scripting/
│ ├── VisualScriptingCanvas.tsx # Main React Flow canvas
│ ├── NodePalette.tsx # Draggable node library
│ ├── nodes/
│ │ ├── EventNodes.tsx # OnPlayerJoin, OnTouch, etc.
│ │ ├── LogicNodes.tsx # If, Loop, Wait, etc.
│ │ ├── ActionNodes.tsx # SetProperty, Destroy, etc.
│ │ ├── DataNodes.tsx # Variables, Math, etc.
│ │ └── CustomNodes.tsx # User-defined functions
│ ├── NodeInspector.tsx # Edit node properties
│ ├── ConnectionLine.tsx # Custom edge rendering
│ └── CodePreview.tsx # Live Lua/Verse output
├── lib/
│ └── visual-scripting/
│ ├── node-definitions.ts # All node type definitions
│ ├── code-generator.ts # Nodes → Code conversion
│ ├── code-parser.ts # Code → Nodes (reverse)
│ └── validation.ts # Check for errors
```
### Node Types
```typescript
// Event Nodes (Green) - Entry points
- OnPlayerJoin
- OnPlayerLeave
- OnPartTouch
- OnClick
- OnKeyPress
- OnTimer
- OnValueChange
// Logic Nodes (Blue) - Control flow
- If/Else
- For Loop
- While Loop
- Wait/Delay
- Random Branch
- Switch/Case
// Action Nodes (Purple) - Do things
- Print/Log
- SetProperty
- CreatePart
- DestroyObject
- PlaySound
- TweenProperty
- FireEvent
- CallFunction
// Data Nodes (Orange) - Values
- Number
- String
- Boolean
- Variable (Get/Set)
- MathOperation
- StringOperation
- TableOperation
// Reference Nodes (Yellow) - Game objects
- GetPlayer
- GetPart
- FindFirstChild
- GetService
- GetChildren
```
### Tech Stack
- **React Flow** - Node canvas library
- **Zustand** - State management for nodes
- **Monaco** - Side-by-side code preview
---
## 2. LIVE GAME PREVIEW
### Why It's Critical
- Can't test without leaving IDE = friction
- Immediate feedback loop is essential
- See changes in real-time
### Architecture
```
src/
├── components/
│ └── preview/
│ ├── GamePreview.tsx # Main preview container
│ ├── PreviewCanvas.tsx # Three.js 3D viewport
│ ├── PreviewControls.tsx # Play/Pause/Reset
│ ├── PreviewConsole.tsx # Output logs
│ ├── DeviceFrame.tsx # Phone/tablet mockup
│ └── PlayerSimulator.tsx # Fake player for testing
├── lib/
│ └── preview/
│ ├── lua-interpreter.ts # Run Lua in browser (Fengari)
│ ├── roblox-api-mock.ts # Mock Roblox APIs
│ ├── scene-manager.ts # 3D scene setup
│ └── hot-reload.ts # Update without restart
```
### Capabilities
```
┌─────────────────────────────────────────────────────┐
│ Preview [▶️] [⏸️] [🔄] │
├─────────────────────────────────────────────────────┤
│ ┌─────────────────────────────────────────────────┐ │
│ │ │ │
│ │ 3D Game View │ │
│ │ │ │
│ │ [Cube] [Player] │ │
│ │ │ │
│ └─────────────────────────────────────────────────┘ │
├─────────────────────────────────────────────────────┤
│ Console: │
│ > Player touched Part1 │
│ > Score updated: 10 │
│ > [Error] Line 15: attempt to index nil │
└─────────────────────────────────────────────────────┘
```
### Tech Stack
- **Three.js** - 3D rendering
- **Fengari** - Lua interpreter in JS
- **Roblox API Mocks** - Simulate game.Players, workspace, etc.
---
## 3. ASSET LIBRARY
### Why It's Critical
- Games need more than code
- Models, textures, sounds
- Professional workflow
### Architecture
```
src/
├── components/
│ └── assets/
│ ├── AssetLibrary.tsx # Main panel
│ ├── AssetBrowser.tsx # Grid/list view
│ ├── AssetUploader.tsx # Drag-drop upload
│ ├── AssetPreview.tsx # 3D/2D/audio preview
│ ├── AssetInspector.tsx # Metadata, tags
│ └── AssetSearch.tsx # Search + filters
├── lib/
│ └── assets/
│ ├── asset-types.ts # Type definitions
│ ├── asset-processor.ts # Optimize on upload
│ ├── format-converter.ts # GLB→FBX, etc.
│ └── storage.ts # IndexedDB + cloud sync
```
### Supported Formats
```
3D Models: .glb, .gltf, .fbx, .obj
Textures: .png, .jpg, .webp, .svg
Audio: .mp3, .wav, .ogg
Data: .json, .csv
Animations: .fbx (with anims), .bvh
```
### Features
- Drag-drop upload
- Auto-optimization per platform
- AI tagging (auto-detect "sword", "tree", etc.)
- Version history
- Cloud sync across devices
- Platform-specific export (Roblox mesh → UEFN static mesh)
---
## 4. REAL-TIME COLLABORATION
### Why It's Critical
- Teams are the norm now
- Remote work is standard
- Google Docs set the expectation
### Architecture
```
src/
├── components/
│ └── collaboration/
│ ├── PresenceCursors.tsx # See teammate cursors
│ ├── CollabPanel.tsx # Who's online
│ ├── VoiceChat.tsx # Audio (optional)
│ ├── ChatSidebar.tsx # Text chat
│ └── CommentThread.tsx # Inline comments
├── lib/
│ └── collaboration/
│ ├── crdt.ts # Conflict-free sync (Yjs)
│ ├── presence.ts # Cursor positions
│ ├── awareness.ts # Who's editing what
│ └── websocket.ts # Real-time connection
```
### Tech Stack
- **Yjs** - CRDT for conflict-free editing
- **Liveblocks** or **PartyKit** - Real-time infrastructure
- **WebRTC** - Voice chat (optional)
---
## 5. MARKETPLACE
### Why It's Critical
- Monetization for creators
- Shortcuts for developers
- Platform stickiness (they stay for the ecosystem)
### Architecture
```
src/
├── components/
│ └── marketplace/
│ ├── MarketplaceBrowser.tsx # Browse listings
│ ├── ListingCard.tsx # Product preview
│ ├── ListingDetail.tsx # Full product page
│ ├── SellerDashboard.tsx # For sellers
│ ├── PurchaseFlow.tsx # Buy flow
│ └── ReviewSection.tsx # Ratings
├── lib/
│ └── marketplace/
│ ├── types.ts # Listing, Purchase, etc.
│ ├── search.ts # Algolia/Meilisearch
│ ├── payments.ts # Stripe integration
│ └── licensing.ts # License management
```
### Categories
```
Scripts & Systems
├── Combat Systems
├── Vehicle Physics
├── Inventory Systems
├── Dialogue Systems
├── Economy/Shop Systems
└── Admin Tools
3D Assets
├── Characters
├── Environments
├── Props
├── Vehicles
└── Effects
UI Kits
├── Menus
├── HUDs
├── Shops
└── Inventory UIs
Audio
├── Music
├── Sound Effects
└── Ambient
```
---
## 6. AI CODE GENERATION V2
### Why It's Critical
- Current AI is just translation
- "Build me X" is the dream
- Massive productivity boost
### Architecture
```
src/
├── lib/
│ └── ai/
│ ├── code-generator.ts # Generate from prompt
│ ├── code-explainer.ts # Explain code
│ ├── bug-detector.ts # Find issues
│ ├── optimizer.ts # Suggest improvements
│ ├── documentation.ts # Auto-generate docs
│ └── prompts/
│ ├── roblox-system.md # Roblox context
│ ├── uefn-system.md # UEFN context
│ └── generation-templates.md # Structured output
```
### Capabilities
```
User: "Create a round-based game with teams"
AI generates:
├── RoundManager.lua
│ ├── startRound()
│ ├── endRound()
│ ├── checkWinCondition()
│ └── Configuration (roundTime, teamSize)
├── TeamManager.lua
│ ├── assignTeams()
│ ├── balanceTeams()
│ └── getTeamScore()
├── ScoreboardUI.lua
│ └── Full UI with team scores
└── README.md
└── Setup instructions
[All files connected and working together]
```
---
## 7. ONE-CLICK DEPLOY
### Why It's Critical
- Getting code into games is painful
- Manual copy-paste is error-prone
- Professional workflow needs automation
### Architecture
```
src/
├── components/
│ └── deploy/
│ ├── DeployPanel.tsx # Main deploy UI
│ ├── PlatformConnection.tsx # OAuth with platforms
│ ├── DeployProgress.tsx # Real-time status
│ ├── DeployHistory.tsx # Past deployments
│ └── RollbackButton.tsx # Revert if needed
├── lib/
│ └── deploy/
│ ├── roblox-deploy.ts # Roblox Open Cloud API
│ ├── uefn-deploy.ts # UEFN deployment
│ ├── spatial-deploy.ts # Spatial deployment
│ ├── validator.ts # Pre-deploy checks
│ └── optimizer.ts # Platform optimization
```
### Flow
```
1. Connect accounts (OAuth)
└── Roblox: Open Cloud API key
└── UEFN: Epic Games login
└── Spatial: API token
2. Select target
└── Which game/experience
└── Which environment (staging/production)
3. Validate
└── Syntax check
└── Platform compatibility
└── Security scan
4. Deploy
└── Optimize code
└── Upload assets
└── Update game
5. Verify
└── Health check
└── Rollback if failed
```
---
## Implementation Priority Matrix
| Feature | Impact | Effort | Priority |
|---------|--------|--------|----------|
| Visual Scripting | 🔥🔥🔥 | ⚡⚡⚡ | P0 |
| Live Preview | 🔥🔥🔥 | ⚡⚡ | P0 |
| Asset Library | 🔥🔥 | ⚡⚡ | P1 |
| Real-time Collab | 🔥🔥🔥 | ⚡⚡⚡ | P1 |
| AI Generation v2 | 🔥🔥🔥 | ⚡⚡ | P1 |
| Marketplace | 🔥🔥🔥 | ⚡⚡⚡ | P2 |
| One-Click Deploy | 🔥🔥 | ⚡⚡⚡ | P2 |
---
## File Structure After Implementation
```
src/
├── components/
│ ├── ui/ # Primitives (existing)
│ ├── editor/ # Code editor (existing)
│ ├── visual-scripting/ # NEW: Node editor
│ ├── preview/ # NEW: Game preview
│ ├── assets/ # NEW: Asset management
│ ├── collaboration/ # NEW: Real-time collab
│ ├── marketplace/ # NEW: Asset store
│ ├── deploy/ # NEW: Deployment
│ └── avatar/ # EXISTS: Avatar toolkit
├── lib/
│ ├── platforms.ts # Existing
│ ├── templates.ts # Existing
│ ├── avatar-*.ts # Existing
│ ├── visual-scripting/ # NEW
│ ├── preview/ # NEW
│ ├── assets/ # NEW
│ ├── collaboration/ # NEW
│ ├── marketplace/ # NEW
│ ├── deploy/ # NEW
│ └── ai/ # NEW: Enhanced AI
├── hooks/
│ ├── use-visual-script.ts # NEW
│ ├── use-preview.ts # NEW
│ ├── use-collaboration.ts # NEW
│ └── use-assets.ts # NEW
└── stores/
├── editor-store.ts # Existing (Zustand)
├── visual-script-store.ts # NEW
├── asset-store.ts # NEW
└── collab-store.ts # NEW
```
---
## Dependencies to Add
```json
{
"dependencies": {
// Visual Scripting
"reactflow": "^11.10.0",
// 3D Preview
"@react-three/fiber": "^8.15.0",
"@react-three/drei": "^9.88.0",
"three": "^0.159.0",
// Lua Interpreter
"fengari-web": "^0.1.4",
// Real-time Collaboration
"yjs": "^13.6.0",
"@liveblocks/client": "^1.4.0",
"@liveblocks/react": "^1.4.0",
// Search
"meilisearch": "^0.35.0",
// Payments
"@stripe/stripe-js": "^2.2.0",
// State Management
"zustand": "^4.4.0",
"immer": "^10.0.0"
}
}
```