Lumi

Lumi is a visual prompt builder that bridges the gap between what you see and what coding agent understands. 🎯 WHAT IT DOES • Select any element on a webpage with a single click • Edit styles in real-time with WYSIWYG controls • Annotate screenshots with arrows, boxes, and text • Generate structured prompts optimized for AI coding agents 🔧 PERFECT FOR • Frontend developers working with coding agents like Cursor / Claude Code • Designers communicating UI changes to engineers and AI • Anyone who wants to show, not just tell, their AI ⚡ KEY FEATURES • Works on any webpage • No account required • All processing happens locally • Exports to clipboard for any AI tool 🔒 PRIVACY FIRST • Zero data collection • No external servers • No analytics or tracking • Your screenshots stay on your device ⌨️ KEYBOARD SHORTCUTS • Cmd/Ctrl+K: Quick toggle • Escape: Close annotation mode 💡 HOW TO USE 1. Click the Lumi icon 2. Click any element to select it 3. Edit styles or switch to annotation mode 4. Copy the generated context to your AI Lumi is open source: https://github.com/user/lumi