從頭開始建立 VS Code 擴充功能或轉換現有的 JS/React/Vue 應用程式。透過文件橋 IPC 支援命令、Web 視圖 (React/Vue)、自訂編輯器、樹狀視圖和 AI 代理程式整合。當使用者想要建立 VS Code 擴充功能、將 Web 應用程式轉換為擴充功能、向 VS Code 新增 Web 視圖或自訂 UI、實作樹視圖、建立自訂檔案編輯器、與 AI 代理程式整合或打包/發佈擴充功能 (.vsix) 時使用。
透過命令列快速安裝 vscode-extension-builder-lawvable AI 技能到你的開發環境
來源：lawvable/awesome-legal-skills。
Build VS Code extensions from scratch or convert existing web apps into portable, shareable extensions.
| Simple command/action | assets/basic-command/ | | Custom UI panel (React) | assets/webview-react/ | | Sidebar file tree | assets/tree-view/ | | Custom file editor | assets/custom-editor/ | | AI agent integration | assets/file-bridge/ |
Register actions triggered via Command Palette, keyboard shortcuts, or menus.
從頭開始建立 VS Code 擴充功能或轉換現有的 JS/React/Vue 應用程式。透過文件橋 IPC 支援命令、Web 視圖 (React/Vue)、自訂編輯器、樹狀視圖和 AI 代理程式整合。當使用者想要建立 VS Code 擴充功能、將 Web 應用程式轉換為擴充功能、向 VS Code 新增 Web 視圖或自訂 UI、實作樹視圖、建立自訂檔案編輯器、與 AI 代理程式整合或打包/發佈擴充功能 (.vsix) 時使用。 來源：lawvable/awesome-legal-skills。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/lawvable/awesome-legal-skills --skill vscode-extension-builder-lawvable從頭開始建立 VS Code 擴充功能或轉換現有的 JS/React/Vue 應用程式。透過文件橋 IPC 支援命令、Web 視圖 (React/Vue)、自訂編輯器、樹狀視圖和 AI 代理程式整合。當使用者想要建立 VS Code 擴充功能、將 Web 應用程式轉換為擴充功能、向 VS Code 新增 Web 視圖或自訂 UI、實作樹視圖、建立自訂檔案編輯器、與 AI 代理程式整合或打包/發佈擴充功能 (.vsix) 時使用。 來源：lawvable/awesome-legal-skills。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/lawvable/awesome-legal-skills --skill vscode-extension-builder-lawvable 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/lawvable/awesome-legal-skills