web-to-app

npx skills add anbeime/skill --skill web-to-app --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

# Web to App ## 任务目标 - 本 Skill 用于：将任意网页 URL 打包成原生桌面应用 - 能力包含： 1. 自动检测并安装 pake-cli 工具 2. 支持自定义应用名称、图标、窗口尺寸等配置 3. 生成 macOS/Windows/Linux 平台的应用安装包 4. 支持高级配置（隐藏标题栏、多实例、代理等） - 触发条件：用户提出"将网页打包成应用"、"制作桌面应用"等需求 ## 前置准备 ### 环境要求 - **Node.js**：版本 ≥ 18.0.0（推荐 22.0+） - **Rust**：≥ 1.85.0（首次使用会自动安装） - **系统工具**： - macOS/Linux：需要 `curl`、`wget`、`file`、`tar` - Windows：自动处理依赖 ### 安装依赖 首次使用前，需要安装 pake-cli 工具： ```bash npm install -g pake-cli # 或使用 pnpm（推荐） pnpm install -g pake-cli ``` ## 操作步骤 ### 标准流程 1. **收集需求** - 确认网页 URL（必需） - 应用名称（建议英文） - 目标平台（自动检测当前系统） - 自定义需求（图标、窗口大小等） 2. **环境准备** - 调用 `scripts/install_pake.py` 检查并安装 pake-cli - 验证 Node.js 和 Rust 环境 3. **执行打包** - 根据用户需求生成配置参数 - 调用 `scripts/build_app.py` 执行打包 - 监控执行进度和错误信息 4. **输出验证** - 确认生成的应用安装包 - 提供安装和使用说明 ### 可选分支 - **当需要自定义图标**： - 提供图标文件路径（支持本地或远程 URL） - 自动转换为平台特定格式（.icns/.ico/.png） - **当需要高级配置**： - 参考 [references/parameter-guide.md](references/parameter-guide.md) - 添加对应参数（如 `--hide-title-bar`、`--multi-instance`） - **当打包失败**： - 检查网络连接（需要下载依赖） - 验证 Node.js 和 Rust 版本 - 使用 `--debug` 参数查看详细日志 ## 资源索引 ### 必要脚本 - **[scripts/install_pake.py](scripts/install_pake.py)** - 用途：检查并安装 pake-cli 工具 - 参数：无 - 返回：安装状态和版本信息 - **[scripts/build_app.py](scripts/bui

npm install -g pake-cli
pnpm install -g pake-cli