bo-516

IDE Byebye — Development skill for Claude Code

Development community

Dev plugin: ⌘-click a rendered element, say what to change, and open Codex / Claude / Cursor / Grok with file:line + intent ready.

How to install IDE Byebye

This entry records only its repository, not the path inside it, so there is no exact command to give. Open bo-516/ide-byebye and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What IDE Byebye does

Dev plugin: ⌘-click a rendered element, say what to change, and open Codex / Claude / Cursor / Grok with file:line + intent ready. Vite, webpack, rspack & more.

Alternatives in Development

Adb Scheme — Open Android scheme links via adb 206 ★
05 Public Permalink — Give every published post a public read-only permalink at /p/:slug — a standalone server-rendered 143 ★
Add Voiceover — Generate a voiceover narration and add it to your Remotion project 113 ★

README

ide-byebye

[English](./README.md) | [中文](./README.zh-CN.md)

⌘-click any rendered element, describe the change in plain words, and hand **source location + intent** to **Codex App / Claude App / Cursor / Grok Build** — no hunting through the IDE.

Dev-only plugin for Vite / webpack / rspack / rsbuild / esbuild / Farm, Next.js (Turbopack + webpack) and the Angular CLI (Mako: path injection only). It overlays a source-aware picker on your running app, builds a structured prompt (`file:line`, surrounding source, intent, optional screenshots / styles / recording), and opens the chosen agent via deeplink or Terminal.

It is glue, not a model: it never edits files and ships no AI SDK. The agent you hand off to does the actual change.

Works with **React**, **Vue**, **Svelte**, **Solid**, **Preact** and **Angular** — including SSR frameworks such as **Next.js**, **Nuxt** and **SvelteKit**. See [Framework support](#framework-support).

![⌘-click an element, describe the change, hand off to an agent](./demo-recording.gif)

**What the clip shows** (Vue demo → agent):

Pick — hold ⌘ and click a rendered node; the overlay resolves data-insp-path to source (src/App.vue #99-129 in the recording).
Describe — type plain-language intent in the dialog (optional @code, screenshots, styles, or recording).
Hand off — choose Codex App / Claude App / Cursor / Grok Build; the loopback server builds a structured prompt and opens the agent with file:line + intent already filled in.