Touch Grass: voice dares that get you off the screen, running on-device with Gemma 3 270M

说明与用途

Touch Grass 是一个 PWA，基于用户报告的时间和能量生成短期户外挑战，使用 Gemma 3 270M 在浏览器中离线运行，保障隐私。

问题

Users often spend time on their phones without taking action, leading to inactivity and missed opportunities to be outdoors.

结果

Touch Grass provides a privacy‑preserving, offline‑capable solution that turns idle phone time into actionable outdoor activity, with a single dare, photo proof, and streak tracking.

工作流

• 1. User opens the PWA and speaks their available time and energy via the Web Speech API.
• 2. The app matches the input against a curated dare bank (dares.json) or, if a Hugging Face token is provided, generates a new dare with Gemma 3 270M via transformers.js.
• 3. The generated dare is spoken using the browser’s speechSynthesis and displayed in a dialogue ribbon with time/energy tags and a "prove it outside" button.
• 4. The user clicks the button, the camera opens via getUserMedia, captures a photo, and saves it as proof of completion.
• 5. The app records the completion toward a daily streak and updates the UI accordingly.

证据

Touch Grass — say how much time and energy you've got, and it gives you one short, concrete dare to go do outside.

来源

It's a PWA: install it, and after the first load it keeps working with no signal, because the shell and the model are both cached by a service worker.

来源

dare generation runs on-device with gemma 3 270m via transformers.js, not a hosted api

来源

The app is a static site, no build step.

来源

Camera proof uses getUserMedia + canvas, with a defensive timeout — confirmed by hand that getUserMedia can hang indefinitely on a device with no camera rather than reject, which otherwise traps the UI with no way out.

来源