Skip to main content

​
Installation

Posture!Posture!Posture! is available for both Chrome and Firefox browsers. Choose your browser below to get started.

​
Chrome Web Store

Install the extension directly from the Chrome Web Store for Chrome, Edge, Brave, and other Chromium-based browsers.
1

Visit the Chrome Web Store

Navigate to the Posture!Posture!Posture! listing on the Chrome Web Store.
2

Add to Chrome

Click the “Add to Chrome” button in the top-right corner of the page.
3

Confirm installation

When prompted, click “Add extension” to confirm the installation and grant necessary permissions.
4

Pin the extension (optional)

Click the extensions icon (puzzle piece) in your browser toolbar and pin Posture!Posture!Posture! for easy access.
The extension requires camera access and the ability to modify web pages. These permissions are necessary for pose detection and applying the blur effect.

​
Firefox Add-on Marketplace

Install the extension from the official Firefox Add-ons site.
1

Visit Firefox Add-ons

Navigate to the Posture!Posture!Posture! listing on the Firefox Add-on Marketplace.
2

Add to Firefox

Click the “Add to Firefox” button.
3

Confirm installation

When prompted, click “Add” to confirm the installation and grant necessary permissions.
4

Access the extension

Click the extension icon in your toolbar or access it through the Firefox menu > Add-ons.

​
Developer Mode Installation

If you want to install the extension from source for development or testing purposes, follow these steps.

​
Prerequisites

  • Node.js version 20 or higher
  • npm (comes with Node.js)
  • Git

​
Installation Steps

1

Clone the repository

git clone https://github.com/killa-kyle/posture-posture-posture-chrome-extension.git
cd posture-posture-posture-chrome-extension
2

Install dependencies

npm install
3

Build the extension

npm start
This will create a build folder with the compiled extension.
4

Load in Chrome

  1. Navigate to chrome://extensions/
  2. Enable “Developer mode” using the toggle in the top-right
  3. Click “Load unpacked”
  4. Select the build folder from the cloned repository
5

Verify installation

The extension should now appear in your extensions list with the Posture!Posture!Posture! icon.
Developer mode installations won’t auto-update. You’ll need to rebuild and reload the extension manually to get updates.

​
Permissions Explained

The extension requires the following permissions:
PermissionPurpose
Camera AccessRequired to capture your webcam feed for pose detection
Access to all websitesNeeded to apply the blur effect to web pages when you slouch
StorageStores your preferences and baseline posture position locally
All data processing happens locally in your browser. No webcam data or personal information is transmitted to external servers.

​
Troubleshooting

​
Extension icon not visible

  • Click the extensions icon (puzzle piece) in your toolbar
  • Find Posture!Posture!Posture! in the list
  • Click the pin icon to keep it visible

​
Camera permission denied

  1. Click the extension icon
  2. When prompted, click “Allow” for camera access
  3. If you previously denied permission, you may need to reset it in your browser settings

​
Extension not working after installation

  • Try refreshing any open web pages
  • Restart your browser
  • Ensure you’ve granted camera permissions

​
Next Steps

Now that you’ve installed the extension, learn how to set up your first posture tracking session:

Quick Start Guide

Learn how to configure and start using Posture!Posture!Posture!

Build docs developers (and LLMs) love

Get started for freeTalk to us