VS Code 확장을 처음부터 빌드하거나 기존 JS/React/Vue 앱을 변환하세요. 파일 브리지 IPC를 통해 명령, 웹 보기(React/Vue), 사용자 정의 편집기, 트리 보기 및 AI 에이전트 통합을 지원합니다. 사용자가 VS Code 확장 생성, 웹앱을 확장으로 변환, VS Code에 웹 보기 또는 사용자 지정 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를 통해 명령, 웹 보기(React/Vue), 사용자 정의 편집기, 트리 보기 및 AI 에이전트 통합을 지원합니다. 사용자가 VS Code 확장 생성, 웹앱을 확장으로 변환, VS Code에 웹 보기 또는 사용자 지정 UI 추가, 트리 보기 구현, 사용자 지정 파일 편집기 구축, AI 에이전트와 통합 또는 확장(.vsix) 패키지/게시를 원할 때 사용합니다. 출처: lawvable/awesome-legal-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/lawvable/awesome-legal-skills --skill vscode-extension-builder-lawvableVS Code 확장을 처음부터 빌드하거나 기존 JS/React/Vue 앱을 변환하세요. 파일 브리지 IPC를 통해 명령, 웹 보기(React/Vue), 사용자 정의 편집기, 트리 보기 및 AI 에이전트 통합을 지원합니다. 사용자가 VS Code 확장 생성, 웹앱을 확장으로 변환, VS Code에 웹 보기 또는 사용자 지정 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