用途:从客户网站与内容文档中提取品牌与素材,构建完整、可直接部署的响应式落地页(HTML/CSS)。
主要能力与原则:图片视为内容而非装饰,需在第一遍就提取并整合;CSS 必须放在 styles.css,禁止内联样式(仅特定要求时可在 head 用 style 放首屏关键 CSS);不得虚构内容,缺失内容应标记并询问。附带防 AI 套话规范:禁止使用 revolutionize、transform your、unleash、leverage、empower、cutting-edge、seamlessly 等词,禁止渐变网格背景、紫蓝渐变、无关 3D 物体、通用抽象几何背景、过度圆角卡片、重复相同卡片布局等视觉模式,以及内联样式、!important、硬编码像素字号、缺失 alt、滥用 div 等代码模式。
六阶段工作流:1)研究,抓取客户站点提取颜色、字体、Logo、设计语言并编目图片;2)内容提取,从文档提取全部文本与图片,并把文档图片匹配到站点已托管 URL,无法匹配则标记 needs source;3)图片编目与验证,逐个抓取 URL 检查状态码,404 时回站内按部分文件名查找,禁止猜文件名;4)构建,单目录 index.html + styles.css,用 :root 变量定义品牌色、中性色阶、阴影、圆角与过渡,使用 clamp() 与 rem 排版、BEM 命名、滚动显现动画,按标准章节顺序(页头、Hero、信任栏、问题、方案、愿景、证据、评价、报价、相册、联系、页脚)搭建;5)验证,本地起服务截屏,用 img.naturalWidth === 0 检测破图,并在桌面 1280px、平板 768px、手机 375px 三档检查;6)部署,可用 npx vercel --yes --name [project-name] --prod。
限制:具体收费、价格、平台范围与效果数据资料暂未提供。