Posturely Chrome

• 

• 

• 

• 

• 

• 

Inspiration

I wanted to build something that helps people improve their posture without giving up their privacy. Posturely started as a mobile app that used the phone’s camera and AirPods tilt data to monitor posture — but I realized most people work for hours in front of their laptops, not holding their phones.

That’s when a recurring suggestion clicked: “Why not make it a Chrome Extension?”

By bringing Posturely to Chrome, posture tracking becomes instant, private, and completely offline. Everything runs locally — no cloud, no uploads, just on-device AI keeping you aware in real time.

The result is Posturely Chrome — your silent, friendly posture coach that lives in the browser, protecting both your back and your data.

What it does

Posturely Chrome helps you maintain a healthy posture while working — privately, intelligently, and effortlessly.

Using your webcam and on-device AI, it detects when you start slouching and gently reminds you to sit upright. All processing happens entirely offline, ensuring your camera feed and posture data never leave your computer.

Powered by Chrome’s built-in Gemini Nano AI APIs, Posturely:

Tracks and analyzes your posture in real time using MediaPipe Pose

Generates uplifting motivational messages through the Writer API

Summarizes your posture activity every 10 minutes with the Summarizer API

Lets you choose your preferred language, translating all insights using the Translator API

Brings a fun, encouraging tone with its friendly Giraffee mascot and yellow theme

Whether you’re working, studying, or gaming — Posturely quietly keeps you in check, helping you form better habits while protecting your privacy.

How we built it

Posturely Chrome was built from scratch — and 100% vibe coded — to feel personal, lightweight, and human.

We developed it as a Manifest V3 Chrome Extension using modular JavaScript and a fully local AI pipeline.

🧍 MediaPipe Pose powers real-time posture detection through the webcam.

🧠 Gemini Nano AI APIs — Writer, Summarizer, and Translator — handle motivation, insights, and personalization.

All processing happens on-device, with zero cloud dependencies, ensuring full privacy and instant feedback.

The UI follows a cheerful Giraffee Yellow theme, featuring friendly animations and clear visual feedback when posture changes.

The system runs as a service worker + side panel combo, making the extension responsive and efficient even over long sessions.

Every line of code was written with the goal of making posture correction feel effortless, friendly, and offline-first — just good vibes and better posture.

Challenges we ran into

Building Posturely Chrome came with a mix of excitement and first-time hurdles — especially working with on-device AI models inside a Chrome Extension.

It was our first time using Chrome’s built-in Gemini Nano APIs (Writer, Summarizer, Translator), and figuring out how local AI models load, cache, and respond offline took a lot of trial and error.

Getting real-time webcam posture detection to run smoothly within the browser without lag or privacy trade-offs was tricky.

Managing model download and device storage limits — especially when Chrome refused to load the on-device model due to space constraints — was a challenge.

Coordinating between background service workers, side panels, and UI updates required careful design to keep everything synced.

Designing a minimal yet engaging UI that feels alive (with the Giraffee mascot) without cluttering the workspace was surprisingly hard.

Each challenge taught us more about blending AI, design, and local performance — and made Posturely Chrome smoother, lighter, and more human.

Accomplishments that we're proud of

Built and shipped the entire project in just 3 days — from concept to a polished Chrome Extension.

Successfully integrated Chrome’s on-device Gemini Nano APIs (Writer, Summarizer, Translator) for a fully local AI experience.

Achieved 100% offline functionality — no servers, no cloud, complete user privacy.

Implemented real-time posture detection with MediaPipe Pose, optimized for smooth browser performance.

Designed a cheerful, motivational UI featuring the Giraffee mascot and uplifting feedback.

Created a system that doesn’t just correct posture but encourages users through friendly, AI-written messages.

Made Posturely accessible across languages, adapting motivation to every user’s preference.

Completing something this ambitious — functional, private, and genuinely useful — in just three days was proof that great things can happen when code, creativity, and purpose align.

What we learned

Building with Chrome’s on-device Gemini Nano AI taught us how powerful local models can be — fast, private, and surprisingly capable even without internet access.

We learned how to combine real-time computer vision with AI-generated motivation, creating a product that feels both technical and human.

Integrating MediaPipe Pose inside a Chrome Extension required deep understanding of browser performance, permissions, and efficient frame handling.

Working with Manifest V3 service workers helped us master background messaging, event lifecycles, and storage limits.

Designing the experience reminded us that small moments of encouragement can make technology more personal and emotionally positive.

And above all, we learned that great user experiences often come from simplicity, privacy, and empathy, not just complexity.

What's next for Posturely Chrome

Adding personalized exercise recommendations and quick desk-stretch routines powered by the Rewriter API.

Introducing posture streaks, achievements, and progress badges to make habit-building more rewarding.

Implementing Google Account sync, allowing users to back up their posture history, preferences, and streaks seamlessly across devices.

Expanding the Analytics Dashboard into a full Posture Journal, visualizing improvement over time.

Enabling multi-language voice feedback, turning motivational reminders into short spoken affirmations.

Experimenting with ambient posture indicators, like subtle screen tints or sound cues, for gentle awareness without distraction.

Posturely Chrome will continue evolving into a complete posture wellness companion — calm, private, and powered entirely by local AI.

Built With

• api
• build
• chrome
• cursor
• in
• kiro
• mediapipe