rybot - Voice Shopping Assistant

A Chrome extension for voice-driven autonomous shopping, powered by heyhaigh.ai.

The Vision

Zero-click commerce: Browse and purchase products using only your voice. No buttons, no forms, no friction.

1. Search for products on heyhaigh.ai using voice
2. Tell rybot which product you want (including size, color, etc.)
3. rybot handles the entire purchase flow autonomously
4. Payment via Stripe virtual cards (Privy crypto coming soon)

Installation

Development Mode

1. Clone this repository:

   git clone https://github.com/heyhaigh/ai-browser-plugin.git
   cd ai-browser-plugin

2. Open Chrome and navigate to chrome://extensions/

3. Enable "Developer mode" (toggle in top-right)

4. Click "Load unpacked" and select this directory

5. The rybot icon should appear in your extensions bar

Setup

1. Click the rybot icon to open the popup
2. Go to the Profile tab and enter your shipping details
3. Go to the Payment tab and enter your Stripe virtual card info
4. Visit heyhaigh.ai and start shopping with voice!

How It Works

Architecture

┌─────────────────┐     postMessage     ┌─────────────────┐
│   heyhaigh.ai   │ ──────────────────► │ Content Script  │
│   (Voice UI)    │                     │ (heyhaigh.js)   │
└─────────────────┘                     └────────┬────────┘
                                                 │
                                        chrome.runtime
                                                 │
                                        ┌────────▼────────┐
                                        │   Background    │
                                        │ Service Worker  │
                                        └────────┬────────┘
                                                 │
                                        chrome.tabs
                                                 │
┌─────────────────┐                     ┌────────▼────────┐
│  Merchant Site  │ ◄────────────────── │ Content Script  │
│ (Amazon, etc.)  │      DOM/Events     │ (merchants.js)  │
└─────────────────┘                     └─────────────────┘

Purchase Flow

1. Intent Capture: Voice command on heyhaigh.ai triggers purchase intent
2. Handoff: Website sends product data to extension via postMessage
3. Navigation: Extension opens product page on merchant site
4. Automation: Content script handles add-to-cart, checkout navigation
5. Payment: Virtual card details auto-filled at checkout
6. Completion: Order confirmation sent back to heyhaigh.ai

Supported Merchants

• Amazon
• Target
• Walmart
• Best Buy
• eBay

More coming soon!

Configuration

Stripe Virtual Cards

For testing, use Stripe test card numbers:

• Card: 4242 4242 4242 4242
• Expiry: Any future date
• CVC: Any 3 digits

For production, integrate with Stripe Issuing to create virtual cards programmatically.

Privy Integration (Coming Soon)

Connect your crypto wallet via Privy for:

• Embedded wallet payments
• Fiat on-ramp
• Multi-chain support

Website Integration

To trigger purchases from your website, send a message to the extension:

// Check if extension is installed
window.postMessage({ type: 'RYBOT_CHECK_EXTENSION' }, '*');

// Listen for response
window.addEventListener('message', (event) => {
  if (event.data.type === 'RYBOT_EXTENSION_PRESENT') {
    console.log('rybot extension v' + event.data.version + ' is installed');
  }
});

// Trigger a purchase
window.postMessage({
  type: 'RYBOT_PURCHASE_INTENT',
  data: {
    name: 'Product Name',
    url: 'https://amazon.com/dp/...',
    price: 29.99,
    size: 'M',
    color: 'Black',
    quantity: 1
  }
}, '*');

Development

File Structure

ai-browser-plugin/
├── manifest.json           # Extension manifest (V3)
├── background.js           # Service worker - orchestration
├── content-heyhaigh.js     # Content script for heyhaigh.ai
├── content-merchants.js    # Content script for merchant sites
├── popup.html              # Extension popup UI
├── popup.js                # Popup logic
└── icons/                  # Extension icons

Testing

1. Load the extension in developer mode
2. Open DevTools on heyhaigh.ai (F12)
3. Send a test purchase intent from console
4. Watch the automation in action

Security Notes

• Virtual card numbers are stored locally in chrome.storage.local
• No data is sent to external servers (except merchant checkouts)
• Use Stripe test keys for development
• Consider using single-use virtual cards for production

Roadmap

• Privy wallet integration
• More merchant support
• Purchase history dashboard
• Price tracking & alerts
• Voice confirmation before purchase
• Multi-item cart support

License

MIT - Built by Ryan Haigh