用途:把单个网址转成一份实用的设计系统文件 DESIGN.md,供 AI 编码代理直接使用。默认产出为 DESIGN.md,若用户要求实现,则先产出或更新 DESIGN.md,再以其为唯一依据进行构建。
主要能力:围绕 Firecrawl scrape 组织工作流,收集页面可见内容、结构、元数据、链接与视觉信号,再综合为设计系统 Markdown。提取内容包括颜色(主色、辅色、强调色、背景、边框、文字、状态)、排版(字体、字号层级、字重、行高)、间距与布局(容器宽度、区块节奏、网格间距、内边距、密度)、组件(按钮、输入、卡片、徽章、导航、定价、评价、表单)、图像与图标风格、动效与交互、文案与内容模式。无法精确测量的值标注为推断并给出近似值。
使用方式:通过 CLI 或等效工具调用 Firecrawl。始终先对目标 URL 并行执行两次抓取:一次合并 branding 与 images 格式,一次整页截图。示例: firecrawl 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 branding 与 images 合并调用仍只消耗一个 credit,且为必需:branding 仅返回 logo、favicon、ogImage、logoHref 等精选品牌资产,缺少 images 会遗漏页面实际内容图像(主视觉、产品图、轮播、功能图、插画等)。若截图抓取返回远程图片 URL,应下载到同一 .firecrawl/ 路径。以 branding 输出作为颜色、排版、组件、品牌资产、个性与置信度说明的主要来源;以 images 列表作为内容图像的事实来源;以截图作为布局、层级与整体感觉的主要视觉参考。仅在不足时补充 markdown、元数据、链接、HTML 或相关页面。默认不过度抓取,首版以单个代表性页面即可。
适用场景:需要从某网站提取设计语言、生成可复用设计令牌、为编码代理提供视觉与令牌上下文时。多页面站点可用子代理并行,按页面或按颜色、排版、间距、组件分工,各自返回来源 URL、证据、推断令牌与置信度。
限制:不得暗示用户拥有第三方 logo、图像、商标或文案的权利;优先可复用设计令牌而非一次性观察;区分观察事实与推断近似;输出需紧凑到可粘贴进上下文。资料未提供具体收费、价格与平台支持信息。