This repository has been archived on 2026-06-07. You can view files and clone it. You cannot open issues or pull requests or push a commit.
mawkone cca3e38186 Adopt Stackless UI: warm palette, sidebar, project tab bar with Design tab
- Add Google Fonts (Newsreader/Outfit/IBM Plex Mono) + warm beige CSS palette
- New VIBNSidebar: Stackless-style 220px sidebar with project list + user footer
- New ProjectShell: project header with name/status/progress% + tab bar
- Tabs: Atlas → PRD → Design → Build → Deploy → Settings
- New /prd page: section-by-section progress view (Executive Summary, Problem Statement, etc.)
- New /build page: locked until PRD complete, then shows feature progress
- Projects list page: Stackless-style row layout with status dots and tags
- Simplify overview/page.tsx to just render AtlasChat (layout handles header)

Made-with: Cursor
2026-03-02 16:01:24 -08:00
2026-02-10 13:23:03 -08:00
2026-03-02 16:01:24 -08:00
2026-01-21 15:35:57 -08:00
2026-01-21 15:35:57 -08:00

Product OS - Master AI

A Product-Centric IDE built on Eclipse Theia, optimized for Google Cloud and powered by Gemini AI.

Overview

Product OS is NOT a general-purpose IDE. It's a Product Operating System designed to unify:

  • 💻 Code - Build and deploy Cloud Run services
  • 📢 Marketing - Automate campaigns and content
  • 📊 Analytics - Product intelligence and insights
  • 🚀 Growth - Optimize onboarding and conversion
  • 💬 Support - Customer feedback integration
  • 🧪 Experiments - A/B testing and rollouts
  • 🏗️ Infrastructure - Production monitoring

All powered by AI and optimized for Google Cloud.

Vision

See Google_Cloud_Product_OS.md for complete vision and requirements.

Project Structure

master-ai/
├── theia/                      # Customized Eclipse Theia IDE
│   ├── packages/core/          # UI shell customization
│   ├── packages/terminal/      # Terminal customization
│   ├── packages/monaco/        # Editor themes
│   └── examples/electron/      # Mac app build
├── Google_Cloud_Product_OS.md  # Product vision & requirements
├── UI-DESIGN-GUIDE.md          # Design customization guide
└── README.md                   # This file

Getting Started

Prerequisites

  • Node.js 20.x (use nvm)
  • Python 3
  • Git

Installation

# Clone this repo
git clone https://github.com/MawkOne/master-ai.git
cd master-ai/theia

# Use Node 20
nvm use 20

# Install dependencies
npm install

# Build Electron app
npm run build:electron

# Launch Product OS
npm run start:electron

Customization

See UI-DESIGN-GUIDE.md for complete customization guide.

Quick Design Changes

Change colors: Edit theia/packages/monaco/data/monaco-themes/vscode/dark_vs.json

Change fonts: Edit theia/packages/core/src/browser/style/index.css

Change layout: Edit theia/packages/core/src/browser/shell/application-shell.ts

Development Workflow

cd theia

# Watch mode (auto-rebuild on changes)
npm run watch:electron

# In another terminal, run the app
npm run start:electron

Building Distribution

cd theia/examples/electron

# Build Mac app (.app, .dmg)
npm run package:mac

# Output: dist/Product-OS-*.dmg

Roadmap

Phase 1: Core Simplification

  • Clone Theia
  • Set up repository
  • Lock dark theme
  • Remove preference menus
  • Simplify UI

Phase 2: Custom Layout

  • Replace Application Shell structure
  • Create 7 Product OS sections
  • Custom navigation/activity bar
  • Section-specific views

Phase 3: Google Cloud Integration

  • Pre-configure GCP tools
  • Add Gemini AI integration
  • Remove non-GCP options

Phase 4: Product OS Features

  • Marketing automation UI
  • Analytics dashboards
  • Growth experiment tools
  • Support integration

Architecture

Built on Eclipse Theia - an extensible IDE framework using TypeScript and Electron.

License

Based on Eclipse Theia:

  • Eclipse Public License 2.0
  • GNU General Public License, version 2 with the GNU Classpath Exception

Author

Built by @MawkOne

Description
Master AI project
Readme 49 MiB
Languages
HTML 50.6%
TypeScript 28.6%
Python 8.5%
JavaScript 5.8%
CSS 5.2%
Other 1.2%