{"slug": "touchgrass-local-an-ai-coach-that-gets-you-outside", "title": "Touchgrass.local — An AI Coach That Gets You Outside", "summary": "A developer built Touchgrass.local, a browser-based AI app that uses WebLLM by MLC AI to run open-weight models — Gemma 2 2B, Qwen 2.5 1.5B, and Llama 3.2 1B — entirely on-device via WebGPU. Users describe their day and receive a small outdoor mission from the locally running model, with completed missions tracked through localStorage and visualized as growing CSS grass. The project requires no backend or API key, caches the model in the browser for offline use, and keeps user input on the device.", "body_md": "This is a submission for the Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass\n\nTouchgrass.local is a small AI-powered browser app that encourages people to step away from their screens and spend some time outdoors.\n\nUsers describe how their day has gone, and an open-weight language model running directly in the browser gives them one small outdoor mission along with a friendly nudge.\n\nOnce the mission is completed, the user can mark it as done and watch a field of CSS grass grow. The app also tracks completed missions and streaks using localStorage.\n\nThe project is designed to be simple, private, lightweight, and useful for students and anyone who spends too much time in front of a screen.\n\n🚀 Live Demo:\n\n[Add your deployed GitHub Pages link here]\n\n🤖 Claude Artifact:\n\n[https://claude.ai/artifact/RaTCVWFjQi3FrfYGTA213Z](https://claude.ai/artifact/RaTCVWFjQi3FrfYGTA213Z)\n\nCode\n\n💻 GitHub Repository:\n\n[https://github.com/aniruddhapandey01/Touchgrass.local](https://github.com/aniruddhapandey01/Touchgrass.local)\n\nThe repository contains the complete source code and is built using plain HTML, CSS, and JavaScript.\n\nHow I Built It\n\nTouchgrass.local uses WebLLM by MLC AI to run an open-weight language model directly inside the browser using WebGPU.\n\nThe project supports models including:\n\nGemma 2 2B\n\nQwen 2.5 1.5B\n\nLlama 3.2 1B\n\nThe application is built with:\n\nHTML — page structure\n\nCSS — UI, themes, animations, and growing grass\n\nJavaScript — model loading, prompting, mission generation, streaks, and local storage\n\nWebLLM — in-browser AI inference\n\nThere is no backend and no API key. After the model is downloaded, it is cached by the browser and can work offline. User input stays on the device instead of being sent to a server.\n\nWhy Does Open Innovation Matter?\n\nOpen innovation makes it possible to build AI applications without depending entirely on closed APIs.\n\nFor Touchgrass.local, using open-weight models and WebLLM makes the project more private, accessible, customizable, and transparent. The model runs locally in the browser, so there is no API bill or backend required.\n\nIt also makes experimentation easier. Users can switch between different supported models and compare their behaviour.\n\nMost importantly, the project can be shared openly so other developers can learn from it, modify it, add new missions, improve the UI, or contribute new ideas.\n\nMy Agent Session\n\n🤖 Claude Artifact / Agent Session:\n\n[https://claude.ai/artifact/RaTCVWFjQi3FrfYGTA213Z](https://claude.ai/artifact/RaTCVWFjQi3FrfYGTA213Z)\n\nPrize Categories\n\nHacktoberfest Open-Source AI Challenge — Week 1: Touch Grass\n\nOpen-Source AI\n\nLocal / In-Browser AI\n\nOpen-Weight Models\n\nFinal Thoughts\n\nTouchgrass.local started with a simple idea:\n\nWhat if AI could encourage us to spend less time using technology?\n\nInstead of making another app that keeps users on their screens, I wanted to build something that uses AI to give people a reason to step away from the screen and do something in the real world.", "url": "https://wpnews.pro/news/touchgrass-local-an-ai-coach-that-gets-you-outside", "canonical_source": "https://dev.to/aniruddha_pandey_03e00a3b/touchgrasslocal-an-ai-coach-that-gets-you-outside-39l4", "published_at": "2026-10-06 20:36:26+00:00", "updated_at": "2026-10-06 20:48:32.582508+00:00", "lang": "en", "topics": ["ai-tools", "large-language-models", "ai-products", "developer-tools"], "entities": ["Touchgrass.local", "WebLLM", "MLC AI", "Gemma 2 2B", "Qwen 2.5 1.5B", "Llama 3.2 1B", "Hacktoberfest Open-Source AI Challenge", "Claude"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/touchgrass-local-an-ai-coach-that-gets-you-outside", "markdown": "https://wpnews.pro/news/touchgrass-local-an-ai-coach-that-gets-you-outside.md", "text": "https://wpnews.pro/news/touchgrass-local-an-ai-coach-that-gets-you-outside.txt", "jsonld": "https://wpnews.pro/news/touchgrass-local-an-ai-coach-that-gets-you-outside.jsonld"}}