Nebula 抓取网页参考工具用于按 URL 捕获网页的截图与 HTML，作为设计与实现参考。它的触发场景是：用户提供了某个网址，并要求据此构建、复刻或实现一个设计。
适用与不适用范围 该技能仅适用于普通网页 URL。对于以下情况不应使用：Figma 链接，应改用 Figma MCP；GitHub 链接，应直接阅读代码；文档类链接，应按需阅读或搜索。
工作流程
- 运行抓取脚本，捕获截图与 HTML：node scripts/scrape-page.js <url>
- 在 scraped/<timestamp>/ 目录中查看输出，内容包括：桌面端布局参考 screenshot-desktop.png、平板端布局参考 screenshot-tablet.png、移动端布局参考 screenshot-mobile.png，以及用于结构参考的完整 HTML 文件 page.html。
- 使用截图理解视觉设计，包括布局、间距、颜色与排版。
- 使用 HTML 理解内容结构与层级。
- 使用 nebula-component-creation 技能构建组件。
示例 用户提示："Build me this page: https://example.com/pricing" 执行：node scripts/scrape-page.js https://example.com/pricing 随后查看截图理解布局，查看 HTML 理解结构，并使用 Tailwind CSS 创建与设计匹配的组件。
限制与未提供信息 资料未说明该技能的收费、价格、平台范围、抓取并发或频率限制、对需登录或动态渲染页面的支持情况、截图尺寸与浏览器环境等细节，这些内容暂未提供。