cross-platform-launcherlisted
Install: claude install-skill LiHongwei-cn/lihongwei-cn
# 跨平台启动器制作
为任何命令行工具创建傻瓜式启动器，让用户双击就能用，不再手动敲命令。
## 三步法
### 1. HTML 页面 — 两种格式
根据场景选择：
**格式 A：完整项目介绍页（推荐，用于项目主页）**
参照 `matlab-tool/index.html` 或 `matlab-ai/index.html`。结构：
- Hero 区（渐变标题 + 一句话描述 + badge）
- 下载区（大按钮 + 备选链接 + 文件信息）
- 工作流程区（4 卡片 feature-grid）
- 步骤教程区（step-list 带自动编号）
- 详情卡片网格（sim-grid，每卡片含图标/参数/描述/输出/命令）
- 兼容性区（feature-grid）
- 文件列表区（file-group + file-list）
- Footer（GitHub + 协议 + busuanzi 计数器）
CSS 标准：
- `:root{--bg1:#0f0c29;--bg2:#302b63;--bg3:#24243e;--accent:#6c8cff;...}`
- 渐变背景 `background:linear-gradient(135deg,var(--bg1),var(--bg2),var(--bg3))`
- 卡片 `background:var(--card);border:1px solid var(--border);border-radius:14px`
- 步骤编号用 CSS counter `counter-increment:step`
- 响应式 `max-width:900px`
必含元素：
- busuanzi 计数器：`<div class="page-counter">本页被阅读 <span id="busuanzi_page_pv">...</span> 次</div>`
- busuanzi 脚本：`<script defer src="https://jsd.dusays.com/npm/penndu@17.0.0/bsz.js"></script>`
- 返回链接：`<a class="back-link" href="../">← 返回主页</a>`
- 底部 GitHub + MIT 声明
详见 `references/project-page-template.md`
**格式 B：交互式启动器（用于工具选择/命令生成）**
轻量交互页，含：
- AI 助手指令生成区 + 复制按钮
- 功能卡片网格（点击切换命令）
- 底部下载启动脚本链接
设计规范同格式 A 的 CSS 变量体系，但内容更轻量。适合 ccs-launcher、desktop-launcher 等工具型页面。
### 2. macOS .command 启动脚本
```bash
#!/bin/bash
# 脚本头：检测应用程序路径
for candidate in \
"/Applications/AppName.app/Contents/MacOS/app" \
"/usr/local/bin/app"; do
if [ -f "$candidate" ]; then APP="$candidate"; break; fi
done
# 未检测到时给出备选方案
if [ -z "$APP" ]; then
echo "[X] 未检测到应用"
echo " 1) 打开启动器网页"
ec