OnUI: Browser Extension for Precise UI Feedback to Claude Code
OnUI is a browser extension that provides visual context for UI fixes when working with Claude Code. It solves the common problem of having to describe which UI element needs attention by allowing direct annotation on webpages.
What OnUI Does
You can click elements or draw regions on any webpage, add notes about what's wrong, and export a structured report. Claude Code reads this report via local MCP (Model Context Protocol), giving it exact information about the DOM element, its path, your intent, and severity level. This eliminates ambiguous descriptions like "the button on the right, no the other one."
Technical Implementation
The developer built OnUI using Claude Code over several weeks. Claude Code wrote most of the TypeScript codebase, including both the browser extension and the local MCP server. Specific technical challenges addressed during development include:
- Iterating on Shadow DOM isolation to avoid CSS clashes with host pages
- Building the annotation dialog UI and export formatters
- Debugging the native messaging bridge between the extension and local MCP
Availability and Licensing
OnUI is free to use with no paid tiers. It's available for one-click installation from the Chrome Web Store and also works on Edge and Firefox. The project is licensed under GPL-3.0, has zero cloud dependencies, zero telemetry, and is completely free.
Development Workflow
The developer notes the irony of building a tool for Claude Code using Claude Code itself. Their current UI iteration workflow is: annotate → Claude fixes → verify → repeat.
📖 Read the full source: r/ClaudeAI
👀 See Also
Ollama Update Adds OpenClaw Support for Kimi k2.5 Cloud Model
Ollama has released an update that integrates OpenClaw support for cloud models, including free access to the Kimi k2.5 model with web search functionality, running on NVIDIA data centers.
Orion: Bypassing CoreML to Run and Train LLMs Directly on Apple Neural Engine
Orion is an open-source Objective-C system that bypasses Apple's CoreML to run and train LLMs directly on the Apple Neural Engine (ANE), achieving 170+ tokens/s for GPT-2 124M decode and stable multi-step training on a 110M parameter transformer.
Open-Source JARVIS Desktop Assistant Built with Claude Code in 2 Days
A developer built a macOS desktop AI assistant called JARVIS in 1-2 days using Claude Code as the primary development tool. The application features a holographic UI, 18 native tools for system control, voice interface, and integrations with Gmail, Google Calendar, Notion, GitHub, and Obsidian.
Leanstral: Open-Source Code Agent for Lean 4 and Formal Proof Engineering
Mistral AI released Leanstral, the first open-source code agent designed for Lean 4, with 6B active parameters and Apache 2.0 licensing. Benchmarks show it outperforms larger open-source models and offers competitive performance to Claude at significantly lower cost.