网页

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 审计和实现评审提供实用的无障碍用法参考。

qa-only 是一项仅做报告的 QA 技能，用于测试 Web 应用、记录 bug、收集证据，而不进行修复。它面向需要结构化 bug 报告、健康评分、截图和复现步骤的 QA 审核者与代理。需要的是“测试-修复-验证”之外的 bug 报告流程时，就用 qa-only。

design-consultation 是一项 design-consultation 技能，用于把粗略的产品想法转化为完整的设计方向。它会生成 DESIGN.md 作为单一事实来源，并提供预览，以及关于字体、颜色、间距、布局和动效的系统级指导。适合新产品和需要统一起点的 UI 界面。

source-driven-development 技能将框架相关编码建立在官方文档之上，帮助你在实现前先验证模式是否正确。它非常适合在 React、Vue、Next.js、Svelte、Angular 等技术栈中进行 source-driven-development 相关使用，尤其是在正确性、来源可追溯性和版本敏感决策很重要的时候。

performance-optimization 技能帮助你先测量、找出真正瓶颈、完成优化，并验证结果。适用于已有性能要求、怀疑出现性能回退，或需要改善 Core Web Vitals、加载时间与交互延迟的场景。

aspnet-core 技能可帮助你基于当前框架指南构建、审查、重构和升级 ASP.NET Core 应用。它面向后端开发、API、服务端渲染应用、Blazor、SignalR、gRPC 和托管服务，重点提供以决策为先的指导，涵盖应用模型选择、Program.cs 配置、DI、配置、安全、测试和部署。

shader-dev 是一个面向 ShaderToy 风格实时视觉效果的实用 GLSL 着色器技能。使用 shader-dev 技能可以更少靠猜测地构建或调试 ray marching、SDF 场景、光照、粒子、流体运动、后期处理，以及用于 UI Design 的 shader-dev。

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

huggingface-gradio 帮你用 Python 构建和编辑 Gradio Web UI，适用于演示、聊天机器人和前端开发工作流。使用 huggingface-gradio 技能，可以更少猜测地选择组件、串联事件并设计布局。

seo-drift 是一个 GitHub 技能，用于持续跟踪 SEO 关键页面元素、对比基线，并在部署、CMS 编辑或模板变更后及时发现回归问题。当你需要明确判断是否有内容被破坏时，可将 seo-drift 技能用于 SEO 内容、技术型页面检查，以及实际的 seo-drift 使用场景。

seo-cluster 是一款基于 SERP 重叠的关键词聚类技能，专为 SEO 内容规划而设计。它会依据 Google 的真实排名对关键词分组，帮助你搭建支柱页、Hub-and-Spoke 集群和内链地图。当你需要的是面向主题架构的实用 seo-cluster 指南，而不是泛泛的关键词头脑风暴时，就适合使用这项 seo-cluster 技能。

read 技能会把 URL 和 PDF 抓取为干净的 Markdown，方便阅读、引用、注释和后续处理。它专为读取付费墙页面、JS 密集型网站、X/Twitter、GitHub 文件、中国平台，以及需要在分析前稳定获取源文本的 Workflow Automation 流程而设计。需要的是源内容采集而不是评论时，就用 read 指南。

enhance-prompt skill 可以把模糊的 UI 想法转化为更清晰、适合 Stitch 的提示词，并强化结构、UI/UX 词汇和设计系统上下文。使用这份 enhance-prompt 指南，可以提高提示词的具体性，减少猜测，并让提示词编写和 UI 生成的结果更一致。

guizang-ppt-skill 是一款演示技能，用于构建单文件 HTML 幻灯片，整体风格偏编辑杂志 × 电子墨水屏。它适合制作用于发布会、演讲和演示的横向滑动式 deck，强调强排版、WebGL 背景和可复用布局。使用 guizang-ppt-skill 指南，可以更快、更稳定地生成 deck。