클로드스킬마트스킬 둘러보기스킬이 뭐예요?
 
← 목록으로

Electron 앱 소스 추출기

설치된 Electron 앱의 app.asar를 풀고, 소스맵이 있으면 원본 소스 트리까지 복원해 줍니다.

개발·코딩중급★ 24,749⑂ 2,764AI 점수 8/10마지막 업데이트: 2026. 7. 4.

무엇을 해주나

설치된 Electron 데스크톱 앱(.asar 번들)에서 리소스와 JavaScript를 추출합니다.

  • 앱 이름(예: Codex)만 줘도 macOS /Applications, Windows %LOCALAPPDATA%\Programs 등을 탐색해 app.asar를 찾습니다.
  • .js.map의 sourcesContent가 있으면 restored/src/main.ts 같은 읽기 좋은 원본 경로로 소스 트리를 재구성합니다.
  • 소스맵이 없으면 압축된 JS/CSS를 Prettier로 정리해 읽을 수 있게 만듭니다.
  • node_modules와 webpack/runtime/*는 항상 건너뛰고, 결과 요약은 extract-report.json에 남습니다.
  • --dry-run, --force, --json, --skip-format 등 실무용 옵션을 갖췄고 홈 디렉터리·루트 같은 위험 경로 쓰기를 거부합니다.

이런 분께 추천

  • 좋아하는 Electron 앱이 어떤 구조로 만들어졌는지 학습하고 싶은 프론트엔드/데스크톱 개발자
  • 자사 Electron 빌드에 소스맵이 실수로 포함됐는지 점검하려는 릴리스 담당자
  • 앱 버전 간 번들 변화를 비교·분석해야 하는 리버스 엔지니어링·보안 리뷰어

활용 예시

  1. "Codex 앱 소스 추출해줘" → ~/Downloads/Codex-electron-extract/restored/에 원본 TypeScript 트리가 복원됩니다.
  2. "/Applications/Visual Studio Code.app 안을 보고 싶어" → asar를 풀고 소스맵이 없는 파일은 Prettier로 정리한 extracted/를 안내합니다.
  3. "우리 배포 빌드에 소스맵이 남아 있는지 확인" → --dry-run으로 경로만 확인한 뒤 실행해 extract-report.json의 warnings로 판단합니다.

· · · 설치 가이드 · · ·

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 JimLiu/baoyu-skills 의 skills/baoyu-electron-extract 폴더를 내 ~/.claude/skills/baoyu-electron-extract/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/JimLiu/baoyu-skills.git /tmp/baoyu-skills && mkdir -p ~/.claude/skills && cp -r /tmp/baoyu-skills/skills/baoyu-electron-extract ~/.claude/skills/

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. bun(권장) 또는 Node.js의 npx가 설치되어 있는지 확인합니다. (bun --version 또는 npx --version)
  2. 터미널에서 저장소를 클론합니다: git clone https://github.com/JimLiu/baoyu-skills.git
  3. 스킬 폴더를 Claude 스킬 경로로 복사합니다: mkdir -p ~/.claude/skills && cp -r baoyu-skills/skills/baoyu-electron-extract ~/.claude/skills/
  4. Claude Code를 재시작하고 /skills 또는 스킬 목록에서 baoyu-electron-extract가 보이는지 확인합니다.
  5. "Codex 앱 소스 추출해줘"처럼 요청하면 스킬이 실행됩니다. 첫 실행은 @electron/asar·prettier를 npx로 받으므로 다소 느립니다.
  6. 결과는 기본적으로 ~/Downloads/<앱이름>-electron-extract/에 저장되며, restored/ 폴더부터 열어보세요.
GitHub에서 원본 보기 ↗라이선스: MIT