Trình trích xuất ứng dụng Electron
Giải nén app.asar của ứng dụng Electron đã cài, khôi phục mã nguồn gốc từ source map hoặc định dạng lại mã nén bằng Prettier.
Lập trìnhTrung cấp★ 26,102⑂ 2,884Điểm AI 9/10Cập nhật lần cuối: 10 thg 9, 2026
Làm được gì
Tìm ứng dụng Electron đã cài (/Applications/*.app, thư mục cài trên Windows, hoặc đường dẫn .asar bạn chỉ định) rồi giải nén gói app.asar.
- Nếu
.js.mapcósourcesContent, khôi phục cây thư mục gốc vàorestored/ - Nếu không có source map, dùng Prettier định dạng lại JS/CSS đã minify cho dễ đọc
- Luôn bỏ qua
node_modulesvà các file runtime của bundler - Xuất
extract-report.jsontổng hợp số file trích xuất/khôi phục/định dạng và cảnh báo - Hỗ trợ
--dry-run,--force,--json,--output
Phù hợp với ai
- Lập trình viên muốn tìm hiểu cách một ứng dụng desktop Electron được xây dựng
- Người phụ trách phát hành muốn kiểm tra bản build có vô tình kèm source map hay không
- Kỹ sư nghiên cứu cách đối thủ triển khai giao diện, phục vụ mục đích học tập
Ví dụ sử dụng
- "Xem mã nguồn app Codex" → cây nguồn được dựng lại trong
~/Downloads/Codex-electron-extract/restored/ - "Mở xem bên trong /Applications/Visual Studio Code.app" → giải nén asar, các file không có map sẽ được Prettier format
- "Kiểm tra bản phát hành của chúng tôi còn source map không" → chạy
--dry-runđể xác nhận đường dẫn, sau đó trích xuất và đọc mục warnings trong báo cáo
· · · Hướng dẫn cài đặt · · ·
Dùng thử ngay, không cần cài
Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.
Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình: https://raw.githubusercontent.com/JimLiu/baoyu-skills/HEAD/skills/baoyu-electron-extract/SKILL.md Mình muốn: (viết việc bạn cần ở đây)
Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.
↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.
Cài vào ứng dụng Claude (không cần terminal)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
Cài vào Claude Code
Để Claude làm — dán câu dưới đây vào Claude Code
Hãy cài skill mình tìm thấy trên Claude Skill Mart. Copy thư mục skills/baoyu-electron-extract từ repo GitHub JimLiu/baoyu-skills vào ~/.claude/skills/baoyu-electron-extract/ của mình. Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.
Cài bằng lệnh thủ công
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/⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Mở terminal, chạy
bun --versionhoặcnpx --versionđể chắc chắn có ít nhất một công cụ. Nếu chưa có, cài Node.js (kèm npx) hoặc bun. - Tải kho mã:
git clone https://github.com/JimLiu/baoyu-skills.git /tmp/baoyu-skills - Tạo thư mục skill:
mkdir -p ~/.claude/skills - Sao chép skill:
cp -r /tmp/baoyu-skills/skills/baoyu-electron-extract ~/.claude/skills/ - Khởi động lại Claude Code và thử nói: "giải nén app.asar của ứng dụng Electron này".
- Lần chạy đầu sẽ hơi chậm vì npx phải tải
@electron/asarvàprettier(cần mạng).
Xem mã nguồn trên GitHub ↗Giấy phép: MIT