wangrongding

wangrongding / ai-ins

Public

Select UI elements in your dev server, send source context to Codex or Claude, and edit through Vite/Webpack plugins.

13
0
100% credibility
Found May 06, 2026 at 13 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

AI Ins adds an interactive AI panel to local web development previews, enabling users to select page elements with a key-click combo and dispatch local AI agents to edit source code with live feedback.

How It Works

1
🔍 Discover AI Ins

You hear about a clever helper tool that lets you fix and improve your web app right from inside the running page using smart AI suggestions.

2
⚙️ Add the helper easily

You tell your project to welcome this AI friend with one quick welcoming step, and it's ready to go.

3
▶️ Launch your app normally

Start your web project like always, and now it has a hidden AI sidekick waiting to assist.

4
🖱️ Pick a page spot

Hold down Option or Alt key and click on any button, box, or area on the screen to spotlight it instantly.

5
💬 Describe your wish

A handy panel appears showing the selected spot; type what you'd like to change, choose your AI buddy, and hit send.

6
⚡ See AI magic unfold

Watch the AI think and edit your project live, with a dock showing progress and results streaming in real-time.

✨ Changes appear fresh

Your page updates beautifully on the spot, no file hunting or window switching needed – just smooth, speedy improvements.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 13 to 13 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is ai-ins?

ai-ins is a TypeScript tool for Vite and Webpack dev servers that lets you hold Option/Alt to select UI elements by face, opening an ai-insight panel with source context. Describe edits in plain text, and it pipes the prompt plus code snippet to local AI agents like Codex, Claude, or Copilot via CLI, applying changes through hot reload. No file hunting or vague descriptions – just click, prompt, watch updates.

Why is it gaining traction?

Zero-context switching: select like github select branch tools, but for AI-driven refactors with ai insights into DOM stacks. The ai-insight panel tracks concurrent tasks, supports proxies for models, and opens sources in VS Code/Zed/WebStorm on Option+Cmd clicks. Handles React/Vue/SolidJS/Svelte out of the box via npx ai-ins init.

Who should use this?

Frontend devs tweaking unfamiliar React/Vue apps during onboarding or rapid prototypes, like ai instagram model layouts or ai insurance forms. Solo builders iterating ai instrumental UIs without boilerplate navigation. Teams needing quick ai-inside fixes on complex components.

Verdict

Worth testing for Vite/Webpack users – npx ai-ins init takes seconds, and playgrounds prove it works despite 13 stars and 1.0% credibility. Early maturity means agent quirks, but docs cover setup; pair with solid CLIs for real productivity gains.

(187 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.