零成本Skill精选（下）：开发与工具类
2.4K字·7分钟·
Frontend Design、Agent Browser、yt-dlp-downloader、Skill Scanner、self-improvement
一、Frontend Design
基本信息
- 安装名：frontend-design
- 定位：前端设计工具
功能简介
帮助生成前端页面设计，支持 HTML/CSS/React 等框架。
适用场景
- 快速生成网页原型
- 创建 Landing Page
- UI 组件设计
效果示意
二、Agent Browser
基本信息
- 安装名：agent-browser
- 定位：浏览器自动化工具
功能简介
让 WorkBuddy 具备浏览器操作能力，支持网页访问、截图、数据抓取。
适用场景
- 网页数据采集
- 自动化测试
- 网页截图
- 表单自动填写
效果示意
三、yt-dlp-downloader
基本信息
- 安装名：yt-dlp-downloader
- 定位：视频下载工具
功能简介
支持从 YouTube、B站等平台下载视频和音频。
适用场景
- 下载学习视频
- 获取视频素材
- 提取音频内容
效果示意
四、Skill Scanner
基本信息
- 安装名：skill-scanner
- 定位：技能扫描和分析工具
功能简介
扫描和分析已安装的 Skill，提供能力评估和使用建议。
适用场景
- 了解已安装技能
- 技能能力评估
- 优化技能配置
效果示意
五、self-improvement
基本信息
- 安装名：self-improvement
- 定位：自我改进工具
功能简介
让 WorkBuddy 能够从使用中学习，持续优化自身能力。
适用场景
- 记录使用偏好
- 优化回答质量
- 个性化定制
效果示意
六、Find Skills
基本信息
- 安装名：
find-skills - 仓库来源：
GitHub - 定位：技能发现与推荐工具
功能简介
当 Skill 生态越来越丰富时，真正的门槛往往不是安装，而是选择。Find Skills 的作用是根据用户需求快速筛选候选 Skill，并帮助解释差异，降低选择成本。
适用场景
- 不确定某个需求是否已有现成
Skill - 希望让
AI先做一轮筛选 - 快速了解几个候选方案之间的区别
- 避免在大量
Skill中盲目查找
推荐使用方式
直接说明你的目标任务，让 WorkBuddy 帮你找出合适的 Skill。
示例指令：
我想让
WorkBuddy帮我处理网页采集、截图和页面交互，请先帮我找出合适的Skill，并说明它们之间的区别。
效果示意
WorkBuddy 可以成功调用该 Skill，并给出尚未安装但适合当前需求的推荐结果。
使用建议
- 先说任务，不必先猜名字：只描述需求即可。
- 适合新手入门：可显著降低试错成本。
- 找到后再比较安装：建议结合用途与安全性再决定是否启用。
与其他 Skill 的关系
Find Skills 是 Skill 生态的"入口"，帮助用户：
- 发现新技能
- 比较相似技能
- 选择最适合的技能
最佳实践
场景1：不确定有没有现成 Skill
我想让 WorkBuddy 帮我处理网页采集、截图和页面交互，请先帮我找出合适的 Skill
场景2：想比较多个相似 Skill
帮我比较一下 Agent Browser、Playwright 和 Selenium 这几个 Skill 的区别
场景3：新手入门
我是新手，想用 WorkBuddy 做数据分析，有什么推荐的 Skill 吗？
效果示意
