GULI-lab/DSH-element-source

README 摘要

dsh-element-source Click any UI element in your running dev page to jump to its Vue / React / Svelte / Angular source. A click-to-source inspector for DeepSeek Harness (DSH), compatible with dsh-better-sidebar: preview local dev servers, pick an element, and the source location lands in the DSH chat for the agent to tweak. English 中文 What it does Finding "that button on the page" ↔ "the line of code that renders it" becomes a single click: 1. Open your frontend page (dev server) in the Local preview entry — a tab this plugin registers in dsh-better-sidebar, or its own right-docked sidebar when the sidebar is not installed; 2. Enable Pick mode , hover to highlight the target, click it; 3. The plugin resolves the matching source file + line and fills the chat composer with an [元素定位] message (nothing is sent — you decide); 4. The agent reads the file with the read tool, shows the code in the dialog, and waits for your change request. No browser extension required, and it works for Vue / React / Svelte / Angular plus any other framework (generic fallback). Framework support Framework File Line How React (dev build) ✅ exact ✅ exact Reads the JSX source on the fiber ( @vitejs/plugin-reac…

分类