HTML页面设计工坊

它解决什么问题

当你需要一个落地页、一页报告或可点击原型时，搭前端环境往往比做内容本身更耗时。而直接把需求丢给通用大模型，得到的通常是千篇一律的卡片布局加 lorem ipsum 占位文案——能看，但谈不上设计。

HTML页面设计工坊 瞄准的就是这个场景：给一个主题，产出一个打开就能用的单页 HTML，且排版、配色、文案都围绕这个主题做过设计，而不是从模板库里拼凑。

核心能力与工作流程

• 单文件交付：输出一个 .html，所有 CSS 和 JS 内嵌其中，不引任何外部依赖，双击即可在浏览器打开。
• 先设计后编码：动笔前先产出 design_plan，明确色系 token、字体配对和布局思路，代码是设计计划的落地。
• 真实文案：页面上的文案针对主题撰写，不会出现 lorem ipsum 或通用占位文字。
• 双主题支持：内置明/暗两套配色，跟随系统或手动切换。
• 多页面类型：landing（落地页）、report（报告）、prototype（原型）、tool（工具页）、deck（演示稿）均可生成。

调用方式是向付费 API 提交一个 JSON：topic 必填，越具体越好；type、style_hint、brand 可选。服务端返回 data.html（完整页面）、data.design_plan（设计思路）和 data.size_bytes。

需要注意的是，这是 Pay Skill，按次计费（¥0.2/次）。收到 HTTP 402 后需向用户确认付费意愿，拿到 paymentCode 重试原请求，成功后才返回页面内容。

适用边界

• 只做单页：不生成多页站点，也不处理后端逻辑或数据库交互。
• 图片用替代手段：不引外部图片资源，视觉占位靠文字、图形或渐变实现，也预留了注释方便用户自行替换。
• 订单有时效：支付授权 15 分钟内有效，过期需重新发起；同一主题在有效期内重试不会重复扣费。

很适合创业者、产品经理、设计师快速出一个拿得出手的单页原型，但不建议用于需要组件复用或持续迭代的项目。