{"repo":"Kalmuraee/OpenMagic","free":true,"listed":false,"github":"https://github.com/Kalmuraee/OpenMagic","clone":"git clone https://github.com/Kalmuraee/OpenMagic.git","description":"AI coding toolbar for any web app — run npx openmagic, select any element, describe a change, review the diff, and it edits your real source code (verified & self-correcting). Visual element editor + AI UI/UX design review. 14 LLM providers (OpenAI, Claude, Gemini…), BYOK, MIT.","language":"TypeScript","stars":10,"topics":["ai","anthropic","code-modification","developer-tools","gemini","llm","npm-package","openai","toolbar","typescript"],"license":"MIT","category":"ai-agents","readme_excerpt":"OpenMagic Add an AI coding toolbar to any web app. One command. Zero code changes. OpenMagic injects a floating AI toolbar into your running web app via reverse proxy. Select any element, describe what you want, review the diff, approve — your code updates and HMR refreshes the page. No framework plugin. No IDE extension. No account. Bring your own API key. It's the AI coding agent that edits your real source from the browser — every change is verified (typecheck/lint + runtime) and self-correcting , with a visual element editor (live CSS/text/attribute preview) and a one-click AI UI/UX design review . Works with Next.js, Remix/React Router, Nuxt, SvelteKit, SolidStart, Angular, Astro, Vite, Vue, and plain static sites — across 14 providers (OpenAI, Anthropic Claude, Google Gemini, xAI Grok, DeepSeek, and more) and 70+ models. Website · Quick Start · How It Works · Providers · GitHub --- --- Quick Start Run this from your project folder so OpenMagic can find your source files and dev server. A proxied version of your app opens with the toolbar overlaid. Prefer a permanent install? Install it globally and run openmagic directly: OpenMagic checks npm on startup and prints a one-line notice when a newer version is available (with the right update command for how you launched it). Disable the check with OPENMAGIC NO UPDATE CHECK=1 . Requires Node.js 20.19 or newer. --- Use it to… - Change a running web app by clicking an element and describing the edit in plai","default_branch":null,"files":null,"tree":[],"storefront":"/r/Kalmuraee","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Kalmuraee/OpenMagic/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}