网页

videodb 可帮助你从本地文件、URL、RTSP/RTMP 直播流或桌面录制中导入视频和音频；按时间戳搜索片段并查看可播放证据；还可通过剪辑、叠加层、转写、告警和时间线编辑来执行操作。它是面向 VideoDB 视频编辑与直播分析的实用 videodb 指南。

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

seo 技能可用于审计、规划和落地技术 SEO、页面优化、结构化数据、Core Web Vitals 和关键词映射。适合用于抓取可访问性、索引可访问性、元数据、schema、内链、sitemap 和 robots 变更，或面向 Keyword Research 的 SEO 工作，并提供可直接执行、按页面拆解的指导。

search-first 是一种先研究再编码的工作流：在编写自定义代码之前，先寻找现成工具、库和模式。使用 search-first 技能可以评估可选方案、比较取舍，并以更少的猜测来决定是直接采用、扩展，还是自定义开发。

perl-security 可帮助你审查 Perl 代码中的更安全输入处理、taint mode、shell 执行、DBI 占位符，以及 XSS、SQLi、CSRF 等 Web 安全问题。在进行安全审计、修复规划和安全开发时，当用户可控数据会流向敏感 sink，就适合使用这个 perl-security skill。

nextjs-turbopack 技能可帮助你在 Next.js 16+ 中使用 Turbopack，以获得更快的本地开发、HMR 以及打包器决策参考。它适合作为一份实用的 nextjs-turbopack 指南，用于安装、使用，以及在 Frontend Development 工作流中判断何时切回 webpack。

使用 frontend-design 构建有鲜明视觉主张、可直接投入生产的前端界面。这个 frontend-design 技能适用于着陆页、仪表盘、应用壳和各类组件，尤其适合层级、字体排版、动效和整体质感与实现同样重要的场景。它还包含面向 design-first UI 工作的安装与使用指引。

exa-search 是一个面向 Exa MCP 的技能，适合做最新的网页检索、代码示例查找、公司情报、人物查询和快速来源发现。适用于需要信息时效性和证据支撑的场景，也适合想要一份实用的 exa-search 使用指南来覆盖实时搜索、基于工具的回答和网页研究流程时使用。

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

canary-watch 是一款发布后监控技能，用于在上线、合并或依赖更新后，对线上 URL 进行回归检查，适用于 staging 或 production 场景。

这个 accessibility skill 可帮助你基于 WCAG 2.2 AA 指南来设计、实现和审计可访问的 UI，适用于 Web、iOS 和 Android。它可用于梳理组件的角色、标签、状态、焦点行为和无障碍特性，并为 UX 审计和实现评审提供实用的无障碍用法参考。