comp-to-lp - 根据设计稿复刻落地页
根据完成的设计稿使用 HTML/CSS 和必要的生成图片复刻落地页，并将实现结果与设计稿进行对比。
标签
更新于: 2026-10-19能力
典型输入
典型输出
该技能可以做什么
- 分析设计稿
- 估算图片素材
- 生成图片素材
- 编写 HTML/CSS 页面
- 对比实现效果
- 测量布局差异
- 检查移动端溢出
- 记录进度与费用
输入
- 完成的设计稿图片
- image-studio 工作区
- 已批准的图片预算
- OpenAI 图像生成访问权限
- 用户范围偏好
输出
- HTML 落地页
- CSS 样式表
- 生成的图片素材
- 素材费用台账
- 素材文档
- 进度文档
- 对比图片
- 布局测量结果
要求
- Node.js 20.6 或更高版本
- OpenAI 图像 API 访问权限
- Playwright Chromium
- 工作区文件权限
- 付费生成前获得预算批准