浏览器自动化

ui-demo 帮你用 Playwright 录制更精致的 Web 应用演示视频，支持可见的光标移动和自然的节奏。适用于产品走查、入门引导、功能演示和教程式录屏。建议按“发现 → 预演 → 录制”的流程操作，结果更稳定，尤其适合原型和快速变化的 UI。

nuxt4-patterns 是一套面向 Nuxt 4 的技能，用于处理 hydration 安全、路由规则、懒加载和 SSR 安全的数据获取。使用 nuxt4-patterns 技能，可以更好地做前端开发决策，减少不一致问题，并为每个页面或组件选择合适的模式。

deep-research 技能可借助 firecrawl 和 exa MCP 工具，把宽泛问题转化为有来源支撑的网络调研结果。适合用来对比信息源、综合结论，并生成带引用的报告，用于竞品分析、技术评估、尽职调查以及其他需要证据支撑的决策。

使用 benchmark 技能建立性能基线，在 PR 前后识别性能回退，并在页面、API 和构建层面对不同技术栈进行对比，适用于 Performance Optimization 场景。

benchmark 技能可帮助发现 Web 和 App 工作流中的性能回退。可用它建立基线，对比改动前后，并跟踪某个 PR 是否让页面更慢、更重或更不稳定。它是一份面向性能优化的实用 benchmark 指南，覆盖 Core Web Vitals、Lighthouse 检查、bundle 大小和加载时间趋势。

canary 是一款发布后监控技能，用于盯住线上应用中的控制台错误、页面故障和性能回退。它会将当前表现与发布前基线进行对比，帮助你验证版本、及时发现页面损坏，并比通用提示词更少猜测地识别可见异常。

qa 技能会系统化测试 Web 应用，查找缺陷，并通过分阶段工作流验证修复效果。适用于回归测试、上线前检查，或当你需要证据、严重级别评分，以及原子化的修复-复测循环，而不是一个泛泛的找 Bug 提示词时，作为结构化 QA 指南来使用。

面向 browser-use Python 库的文档检索技能。open-source skill 可帮助你快速查找安装与配置、Agent 和 Browser 代码、模型环境变量、tools、MCP 集成、监控，以及旧版 Actor API 的相关说明。

gstack 是一款由浏览器驱动的 AI 技能，适用于 QA 测试、dogfooding、发布检查和 bug 取证。它会打开真实页面，点击操作 UI，验证状态，比较前后变化，测试响应式布局，并采集带截图证据的结果。对于需要从 gstack 技能获得可靠浏览器结果的场景，尤其适合用于 UI 设计评审和部署验证。

diagnose 是一套结构化的调试工作流，适用于疑难 Bug、间歇性失败的测试以及性能回退。它会帮助你复现问题、缩小失败案例、一次只提出一个假设、加入埋点、修复根因，并通过回归测试把问题锁定下来。当“帮我调这个”还不够时，就用 diagnose 指南。

critique 可帮助你从 UX 视角评审界面、功能、页面或组件，提供结构化评分、基于 persona 的测试、启发式检查以及可落地的改进建议。如果你需要一套可重复使用的 UI/UX Design 评审方法，而不是笼统模糊的点评，就适合使用 critique。它最适合在背景明确的前提下，针对某个具体区域进行聚焦式评审。

figma-create-new-file 会在草稿中创建一个全新的空白 Figma Design 文件或 FigJam 白板。适合在进行更深入的 Figma 操作（包括 use_figma）之前，先建立一个干净的起点。它支持 design 或 figjam、可选文件命名，并且在需要时可通过 whoami 解析权限方案。

baoyu-post-to-wechat 是一项面向微信公众号发布的技能，提供浏览器和 API 两种文章与图文发布流程。它支持 Markdown、HTML 和纯文本输入，支持基于 frontmatter 提取标题与摘要，支持 Markdown 转微信内容格式、图片处理，以及用于 Chrome profile 自动化的环境检查。

baoyu-post-to-weibo 可让智能体通过真实的 Chrome 会话发布微博和微博头条文章。它支持文本、图片、视频、Markdown 转 HTML、剪贴板粘贴辅助，以及基于 bun 或 npx 的执行方式，适合需要更稳定发布流程的场景。

使用 transformers-js 在浏览器和服务器运行时的 JavaScript 和 TypeScript 中运行 ML 模型。transformers-js 技能涵盖安装、模型加载、缓存、配置，以及面向文本、视觉、音频和多模态任务的实用 transformers-js 用法，还包括在受支持的 text-generation 模型上用于代码生成的 transformers-js。

seo-dataforseo 通过 DataForSEO MCP server 将 Claude 连接到实时 SEO 数据，可用于 SERP 检查、关键词研究、反向链接、页面分析、竞品研究、商家信息和 AI 可见性追踪。它最适合需要真实搜索证据、清晰安装指引以及实用 seo-dataforseo 用法的数据驱动工作流。

seo-audit 可对整站进行完整的 SEO 审核，支持并行子代理分工，最多抓取 500 个页面，并自动识别业务类型。它覆盖技术、内容、schema、性能、视觉、本地和地理信号，最后输出健康评分和按优先级排序的修复建议，适合站点级复查与 SEO 内容分析。

analyzing-browser-forensics-with-hindsight 帮助数字取证团队使用 Hindsight 分析 Chromium 浏览器痕迹，包括历史记录、下载、Cookie、自动填充、书签、已保存凭据元数据、缓存和扩展程序。可用于还原 Web 活动、查看时间线，并调查 Chrome、Edge、Brave 和 Opera 配置文件。

website-to-hyperframes 是一个工作流技能，用于把现有网站转成 HyperFrames 视频。当你手头有一个 URL，并希望基于网站真实的设计、文案和素材，制作产品演示、推广片、社媒广告或讲解视频时，就可以使用它。这个仓库支持捕获、设计、脚本、分镜、配音、构建和验证等 Design Implementation 工作流程。

wp-playground 技能可帮助你创建一次性、可复现的 WordPress Playground 环境，用于插件和主题测试、版本切换、blueprints、快照以及隔离式调试。它通过 `@wp-playground/cli` 支持浏览器或 CLI 工作流，尤其适合后端开发、QA 和受控问题复现。

web-perf 使用 Chrome DevTools MCP 分析 Web 性能。它可衡量 Core Web Vitals、基于 trace 的加载问题、阻塞渲染的资源、布局偏移、缓存问题以及可访问性缺口。适合用于性能优化、慢页面排障，以及依赖最新文档和实时 trace 的基于证据的 web-perf 指南式工作流。

agents-sdk 可帮助你构建带有有状态对话、持久化执行、WebSocket 或流式聊天、MCP 集成、定时任务和浏览器自动化的 Cloudflare Workers 代理。这个 agents-sdk 技能重点面向安装决策、配置和实际使用，适用于现有或新建的 Workers 应用；只有在多代理系统确实符合 Cloudflare 运行时限制时，才会提供相应指导。

使用 network 技能创建带有 mxGraph 设备图标、自动布局、区域分组和清晰链路语义的 PlantUML 网络拓扑图。它适用于 LAN、WAN、企业网络、数据中心、无线、安全以及厂商专有图示，并提供网络使用示例，以及 network 与 uml 或 cloud 何时使用的说明。

使用 slack-messaging 技能，通过 `slackcli` 从命令行发送或读取 Slack 消息、查看频道、测试 Slack 集成，并与 Slack 工作区交互，实现工作流自动化。