用途:把客户网站转化为一份可直接展示的单文件 HTML 设计系统,作为提案与后续合作的基础。
主要能力:先确认格式(默认单文件 HTML,可选 Figma)与视觉方向(忠实还原、提升、重设强调色);并行抓取网站文案与真实配色字体,按频率排序并过滤 WordPress/Gutenberg 默认调色板噪声;据此建立令牌体系(墨色、主强调色、中性色、功能色,遵循 60/30/10),并选择三字体系统(展示、正文、特征字体)。页面包含 15 个区块:粘性目录、主视觉、标志、色彩、字体样张、8pt 间距、按钮、标签徽章、数据信任条、服务与案例卡、签名组件、定价表、引言、语气规范、下一阶段提案桥接、LinkedIn 素材与图形图标套件。
使用方式:抓取命令示例:cd /tmp && curl -sL "<URL>" -o site.html,再用 grep 统计十六进制色值与字体。构建后本地预览(preview_start、preview_resize 1280×860、preview_console_logs、preview_screenshot),再部署:npx --yes netlify-cli deploy --dir . --prod,随后用 updateSite 设置站点名并验证返回 200。最后写入记忆文件。
适用场景:面向客户的品牌/设计系统交付、提案素材准备、LinkedIn 视觉资产制作。
限制:需真实网站数据,颜色稀疏时须抓取外部样式表;需过滤主题默认色;部署依赖 Netlify CLI 与可用端口;具体收费、价格与效果资料暂未提供。