跳转到正文
skillsafebeta
← 报告库
用途分类 / 其他用途

Firecrawl Website Design Clone Skill 安全审计

作者说它能做什么（原文）

Extract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, spacing, components, layout patterns, or brand/UI guidance from a website so AI agents can create new websites, clone a look, or build pages inspired by that design.

第三方安全检查结论

发现安全风险

已检查文件
1
发现的风险
3
会不会运行危险命令？检查是否下载程序后直接运行、让他人远程控制电脑，或藏起要运行的命令。未发现风险
会不会泄露文件和密钥？检查是否发送含密码或密钥的文件，以及代码里是否直接写了密钥。发现 1 项风险
中风险

目标网址和页面内容会交给托管的 Firecrawl 服务处理

原文依据：3 处
发现了什么

技能要求提供 Firecrawl API 密钥，并说明该密钥用于托管请求；随后通过 Firecrawl 抓取所给网址的内容、图片和截图。非公开页面地址、查询参数中的令牌或页面中的敏感内容可能因此交给第三方服务处理。

为什么需要注意

第三方可能接收到目标网址及其可访问的页面内容；如果网址含秘密参数或页面本不应外传，可能造成敏感信息披露。

该技能明确要求用于托管 Firecrawl 请求的 API 密钥，并要求把用户提供的网址提交给 Firecrawl，抓取品牌数据、图片和整页截图。这支持第三方服务会处理目标 URL 及返回页面数据的风险；若 URL 含查询令牌，或页面需授权且包含敏感信息，可能造成额外暴露。源码未说明私有页面认证如何传递，因此不能断言此类数据一定会被发送。用户可限制为公开、无敏感参数的网址，并向作者确认 Firecrawl 的数据保留和访问政策。

SKILL.md:10来自说明文档打开原文件
  source: https://github.com/firecrawl/firecrawl-workflowsinputs:  - name: FIRECRAWL_API_KEY    description: Firecrawl API key for hosted Firecrawl requests when the workflow runs through the CLI or API.    required: true---
查看另外 2 个位置
SKILL.md:34来自说明文档打开原文件
Use Firecrawl through the CLI or equivalent tool surface. Always start with two parallel scrapes of the supplied URL:1. The `branding` and `images` formats together for structured design tokens and the full set of page images.2. A full-page screenshot for visual context.
SKILL.md:51来自说明文档打开原文件
Use the structured `branding` output as the primary source for colors, typography, components, brand assets (logo, favicon, ogImage), personality, and confidence notes. Use the `images` list as the source of truth for the page's content imagery — hero photography, product shots, carousels, feature visuals, illustrations, and decorative graphics. Use the screenshot as the primary visual reference for layout, hierarchy, and overall feel. Add supplemental formats only when these are insufficient for the final artifact.
会不会删除文件或一直在后台运行？检查是否大范围删除文件、改写磁盘，或设置自动启动。未发现风险
会不会绕过安全保护？检查是否跳过网站安全验证、开放过多文件权限，或取消操作前的确认。未发现风险
会不会误导 AI 或隐藏内容？检查工作说明是否要求 AI 忽略你的指令、干扰检查结果，或夹带看不见的文字。发现 1 项风险
中风险

网页内容可能通过抓取结果向代理注入指令

原文依据：3 处
发现了什么

工作流会读取页面 Markdown、HTML、文案和链接，再据此生成供其他代理执行的构建指令，但没有要求把抓取内容严格视为不可信数据。恶意网页可在正文或隐藏结构中放入伪装指令。

为什么需要注意

若代理把页面中的文字当成操作指令，可能偏离用户目标；实际后果取决于运行代理拥有的文件、网络和执行权限。

该技能会把网页的可见内容、结构、文案、链接乃至必要时的 HTML 交给代理分析，并生成可供后续代理遵循的“构建指令”。源码没有要求将抓取文本视为不可信数据或忽略其中的指令。因此，若目标网页包含伪装成操作要求的内容，代理可能把它混入 DESIGN.md 或后续决策。风险是否触发取决于页面内容和宿主代理的防护。用户可要求作者加入明确的提示注入隔离规则，并限制读取 HTML、链接及后续执行。

SKILL.md:22来自说明文档打开原文件
The skill should feel like a thin workflow around Firecrawl scrape: gather the page's visible content, structure, metadata, links, and available visual signals, then synthesize those findings into a clean design-system markdown file.
查看另外 2 个位置
SKILL.md:58来自说明文档打开原文件
- a full-page screenshot saved locally in `.firecrawl/` so it can be embedded in `DESIGN.md`- page markdown for headings, copy hierarchy, CTAs, navigation, and section order when needed- metadata and links for brand, product, and page-purpose clues when needed- HTML only when the branding output, images list, and screenshot are insufficient to infer classes, font names, CSS variables, or component structure- related pages only when the user asks for a broader site system
SKILL.md:126来自说明文档打开原文件
## Agent Build Instructions[Concrete instructions an AI coding agent can follow to create a new site in this style]
会不会偷偷改推广链接或收款方？检查是否强制替换推广链接或收款对象，同时要求隐瞒更改。发现 1 项风险
低风险

默认工作流会消耗 Firecrawl 账户额度

原文依据：3 处
发现了什么

技能强制启动两次抓取，并明确品牌与图片组合调用本身会消耗一个额度；整页截图是另一项必需请求，但文本未说明它的具体计费。

为什么需要注意

运行会消耗 API 密钥所属账户的配额，并可能产生费用；重复运行或批量使用时影响更明显。

默认流程明确要求对同一网址发起两次抓取：一次获取 branding 与 images，另一次获取整页截图。文本明确说明前一次组合请求消耗一个额度，因此运行该技能至少会产生已披露的额度消耗；截图请求的具体费用没有说明，不能据此确定总成本。用户可在运行前要求确认预计请求数、截图计费及账户预算限制。

SKILL.md:34来自说明文档打开原文件
Use Firecrawl through the CLI or equivalent tool surface. Always start with two parallel scrapes of the supplied URL:1. The `branding` and `images` formats together for structured design tokens and the full set of page images.2. A full-page screenshot for visual context.
查看另外 2 个位置
SKILL.md:47来自说明文档打开原文件
Combining `branding` and `images` in one call still costs a single credit and is required: the `branding` block only surfaces curated brand assets (`logo`, `favicon`, `ogImage`, `logoHref`), so without `images` the agent will miss the page's actual content imagery (heroes, product shots, carousel slides, feature visuals, illustrations, accessory photos, end-of-page artwork, and similar). On a product page like `tesla.com/cybertruck` the `branding` block has no hero — only `images` returns the main Cybertruck hero (e.g. `Cybertruck-Hero-Desktop-NA-SA-APAC.png`) and the rest of the page's photography.
SKILL.md:41来自说明文档打开原文件
```bashfirecrawl scrape "https://example.com" --format branding,images -o ".firecrawl/example-branding.json" --pretty &firecrawl scrape "https://example.com" --full-page-screenshot -o ".firecrawl/example-screenshot.png" &wait```

Skill 逻辑拆解

6 个说明模块

该技能要求使用 Firecrawl CLI 或同等工具抓取用户提供的网址，并分别收集品牌/图片数据和整页截图。

查看原文
SKILL.md:34来自说明文档打开原文件
Use Firecrawl through the CLI or equivalent tool surface. Always start with two parallel scrapes of the supplied URL:1. The `branding` and `images` formats together for structured design tokens and the full set of page images.2. A full-page screenshot for visual context.

抓取结果和截图会保存在工作区的 `.firecrawl/` 目录，并生成或更新 `DESIGN.md`；这些文件会被保留以供复核。

查看原文
SKILL.md:49来自说明文档打开原文件
If the screenshot scrape returns a remote image URL (e.g. signed storage link) instead of a local file, download it to the same `.firecrawl/` path so `DESIGN.md` can reference a stable local asset.
SKILL.md:88来自说明文档打开原文件
Create or return a `DESIGN.md` with this structure. Embed the full-page screenshot near the top so a coding agent gets visual context alongside the tokens.
SKILL.md:144来自说明文档打开原文件
- Keep the output compact enough that another agent can paste it into context and build from it.- Preserve source URLs and scrape artifacts for review.

该技能会把观察到的设计信息与推断值整理为设计令牌和构建指令，并要求明确标注无法精确测量的近似值。

查看原文
SKILL.md:78来自说明文档打开原文件
When a value cannot be measured exactly from scrape output, label it as inferred and give a practical approximation.
SKILL.md:126来自说明文档打开原文件
## Agent Build Instructions[Concrete instructions an AI coding agent can follow to create a new site in this style]
从这里开始 · 工作说明SKILL.md
firecrawl-website-design-clone
连线表示工作说明包含的模块，不是实际运行顺序。点击模块可查看原文。
文件与检查记录1 个文件

检查范围与遗漏

逐文件查看涉及的内容

下方列出本次涉及的原文范围；纳入检查不代表已查清所有问题。

  • SKILL.md已纳入全文

这份报告只针对上方版本。我们看了拿到的代码和说明文件，没有实际运行 Skill，也没有检查它另外安装的软件包。因此，这不是“保证安全”的承诺；换了版本或使用环境，结果也可能不同。

  • SKILL.md工作说明

代码和说明中提到的操作

连接外部网站
SKILL.md:8来自说明文档打开原文件
  version: "0.1.0"  homepage: https://www.firecrawl.dev  source: https://github.com/firecrawl/firecrawl-workflows
SKILL.md:9来自说明文档打开原文件
  homepage: https://www.firecrawl.dev  source: https://github.com/firecrawl/firecrawl-workflowsinputs:
SKILL.md:42来自说明文档打开原文件
```bashfirecrawl scrape "https://example.com" --format branding,images -o ".firecrawl/example-branding.json" --pretty &firecrawl scrape "https://example.com" --full-page-screenshot -o ".firecrawl/example-screenshot.png" &
读取密钥或账号配置
SKILL.md:11来自说明文档打开原文件
inputs:  - name: FIRECRAWL_API_KEY    description: Firecrawl API key for hosted Firecrawl requests when the workflow runs through the CLI or API.
运行命令
SKILL.md:41来自说明文档打开原文件
```bashfirecrawl scrape "https://example.com" --format branding,images -o ".firecrawl/example-branding.json" --pretty &
读取了多少行
145
文件校验值（用于核对版本）
a87d2130cd0be45cb747702a8075fd9a1fde1f8b5d0798fa161fd2f2758ea1b9