pages

使用 Chrome DevTools MCP 进行专家级的浏览器自动化、调试与性能分析。用于与网页交互、截取屏幕截图、…

为最终用户编写清晰实用的用户指南和教程。适用于创建新手引导文档、操作指南或常见问题（FAQ）页面。擅长处理面向用户的……

品牌优先的落地页设计师——通过访谈用户挖掘品牌标识（形容词、色彩、排版、形状语言），随后通过 Stitch 生成并迭代打磨落地页，输出可直接部署的 HTML。当用户尚未确立视觉方向，需要制作独立的落地页或营销页时，优先使用本技能而非 frontend-design。触发条件：用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”，或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件：用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发（按钮、表单、导航栏）、正在构建多页应用，或使用已知设计令牌重新设计现有页面。在这些情况下，请使用 frontend-design。

用于 QA 测试和内部试用（dogfooding）的快速无头浏览器。可导航页面、交互元素、验证状态、对比前后差异、截取带标注的屏幕截图，测试响应式布局、表单、上传、对话框，并捕获 Bug 证据。当被要求打开或测试网站、验证部署、试用用户流程，或提交带截图的 Bug 时使用。(gstack)

抓取任意 URL 或 PDF 并转换为整洁的 Markdown，便于阅读、引用、摘录或下游处理。支持处理付费墙、JS 重度渲染页面、X/Twitter 以及中国平台……

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。