扫看

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

把本地一个视频文件,变成一张扫码就能完整观看的二维码。 典型场景:把样片发给客户、把记录视频发给亲友、视频号物料分发、活动现场扫码观看。无须登录、无须 App、无须打开网盘。

一句话选型结论

按资料字段整理

扫看是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_2e629a4b/scan-watch
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_2e629a4b仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791682095
正文体量6.6 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
扫看当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

6.6 KB
模型实际读到的说明书原文,来自技能仓库

扫看(scan-watch)

> 扫码即看。把本地一个视频文件,变成一张扫码就能完整观看的二维码。全程 4 步,约 3 分钟。

核心结论(先记住这两条,能省一小时)

  1. 不要用网盘分享链接做视频分享。 微云/百度网盘对"他人分享的视频"只给 1 分钟试看,看完整版必须登录并转存到自己的网盘——你开会员也解决不了观众侧限制。
  2. 静态托管(CloudStudio / 各类 Pages)放 MP4 会播不了。 因为服务器不支持 HTTP Range(返回 200 而非 206),iOS Safari 和微信 X5 播 MP4 强制要求字节续传,拿不到就黑屏。必须切 HLS(m3u8 + ts 分片),每片小文件独立下载,不依赖 Range。

环境准备(首次执行一次)

所有依赖装进托管 venv,别污染系统 Python:

VENV="C:/Users/Administrator/.workbuddy/binaries/python/envs/default"
PY="C:/Users/Administrator/.workbuddy/binaries/python/versions/3.13.12/python.exe"
[ -f "$VENV/Scripts/python.exe" ] || "$PY" -m venv "$VENV"
"$VENV/Scripts/python.exe" -m pip install -q -i https://pypi.tuna.tsinghua.edu.cn/simple \
    qrcode pillow requests imageio-ffmpeg playwright
  • pip 必须用清华源,默认源在本机会卡十几分钟甚至超时。
  • ffmpeg 由 imageio-ffmpeg 提供,build_site.py 会自动发现,无需单独装。
  • playwright 不需要下载 chromium:验证脚本优先复用系统 Edge(channel="msedge"),省 150MB 下载。

工作流

第 1 步:构建 HLS 站点

python scripts/build_site.py "<视频路径>" "<输出目录>" --title "扫码观看视频"

产出目录:index.html、index.m3u8、seg_*.ts、video.mp4(下载兜底)、poster.jpg、hls.min.js。

常用参数:
| 参数 | 说明 |
|------|------|
| --segment 5 | 分片秒数,默认 5。长视频(>10 分钟)可设 10 减少文件数 |
| --skip-copy | 不复制原始 MP4,省一半体积,但会失去"下载视频"兜底 |
| --title | 页面 H1 与二维码共用标题 |

第 2 步:部署到公网

用 workbuddy_cloudstudio_deploy(deferred 工具,先 ToolSearch 加载):

action=deploy  directory=<站点目录绝对路径>  entry=index.html

返回 shareLink 即公网地址。同一目录再次 deploy 会原地更新,链接不变——所以改完页面不用重做二维码。

第 3 步:先验证,再出码(别跳过)

# 资源可达性(注意:Git Bash 下 -o /dev/null 会让 size_download 恒为 0,务必落到真实文件)
curl -s -o /tmp/m3u8 "<URL>/index.m3u8" -w "%{http_code} %{size_download}\n"

# 真机仿真:能不能播
python scripts/verify_play.py "<URL>" --shot <截图路径>

判定标准:VERDICT: PLAYABLE ✅ —— 即 readyState≥3、videoWidth>0、播放 3 秒后 currentTime 推进。
--ua android 可再跑一遍安卓 UA(走 hls.js 分支,与 iOS 原生分支不同路径)。

第 4 步:生成二维码

python scripts/make_qr.py "<URL>" "<输出PNG路径>" --title "扫码观看视频"

输出 760px 宽的浅色卡片:标题 + 副标题 + 二维码 + 链接文字 + 底部提示。
默认纠错等级 H(30%),扫码容错最好。

交付前最后一步

自己用微信扫一次验证。若有问题,见下方排查表。

排查表

现象 原因 解法
扫码黑屏、转圈不出画面 直接放了 MP4,服务器不支持 Range(返回 200 非 206) 切 HLS:build_site.py 重跑
页面打不开 / 很慢 沙箱冷启动 等 10 秒刷新;链接本身不会失效
微信内提示"已停止访问"或空白 外部域名被微信拦截 页面已内置提示:右上角「···」→ 用浏览器打开
iOS 有声无画 / 安卓正常 编码兼容性 重编码:ffmpeg -i in.mp4 -c:v libx264 -profile:v main -pix_fmt yuv420p -c:a aac out.mp4 后重切片
只有声音没画面 分辨率/编码过高 压到 720p:-vf scale=1280:-2 -crf 26
想要更好国内速度 CloudStudio 网关在境外 换 EdgeOne Pages / 腾讯云 COS(支持 Range,可直接用 MP4)
视频太大加载慢 码率过高 短视频建议 ≤3Mbps;或 --skip-copy 减半体积

坑位备忘录

  • HLS 切片用 -c copy 不重编码,17MB 视频几百毫秒切完,画质零损失。
  • hls.js 从 npmmirror 下载并随站部署(415KB),不要引用 CDN——国内访问 jsdelivr 经常失败,一旦 JS 加载不到,安卓端直接没画面。
  • 后台跑 pip/下载类任务时,别在前台同步等待;用 run_in_background,完成会自动通知。
  • Git Bash 的 curl -o /dev/null 会导致 %{size_download} 为 0 且 exit 23,验证时一定要 -o 到真实临时文件。
  • Windows 下 Python 输出中文:命令前加 PYTHONIOENCODING=utf-8。
  • 部署后 先 curl 确认资源大小与本地一致,再出二维码,避免白跑一轮。

一次成功的长什么样(2026-09-05 双 UA 实测)

16.8MB / 720p / 1:24 的视频:
- 切成 9 个 ts 分片 → 部署 → 仿真验证 VERDICT: PLAYABLE ✅
- iPhone UA:readyState=4, duration=84.33, currentSrc=index.m3u8, currentTime 推进到 2.26s
- Android UA:同样 PLAYABLE ✅(走 hls.js 分支)
- 二维码 760×804 PNG(纠错等级 H),微信扫码 2 秒内起播
- 三份脚本均已在本机端到端跑通(build_site / make_qr / verify_play)

文件清单

文件 作用
scripts/build_site.py 一键构建 HLS 站点(探测信息 / 封面 / 切片 / hls.js / 生成页面)
scripts/make_qr.py 生成二维码卡片 PNG
scripts/verify_play.py 移动端仿真验证是否真能播
assets/player.html 播放器页面模板(三分支:原生 HLS → hls.js → MP4 兜底)

常见问题

5 问
答案由本站依据条目字段整理
扫看怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_2e629a4b/scan-watch。安装方式为未标注。装完刷新技能列表或重开客户端。

扫看支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

扫看权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

扫看收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

扫看用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。