Skip to content

HTML Runtime Starter

适合纯 HTML / CDN / 快速 vibe coding 场景。

这个 starter 的目标不是只生成一个完整页面,而是默认生成一个同时支持 full / embed 双模式的生成器骨架。

对于新的标准生成器,推荐通过 generator-workbench 提供统一官方壳层。runtime 负责状态、参数 schema 和渲染,workbench 负责顶栏、模板入口、登录入口和浮动导出入口。

默认能力

  • GeneratorSDK.init() 初始化平台能力
  • 通过 generator-workbench 挂载统一官方壳层
  • 暴露 window.__GENERATOR_RUNTIME__
  • 支持 mount({ mode, target, container })
  • 支持 getState() / setState() / patchState()
  • 支持 getPanelSchema()panelFilter
  • 提供 export('download-svg') 示例

推荐通过 MCP 生成

text
请为我生成一个 starter-html-runtime,生成器名叫 frame-lab,
使用 generator-sdk,支持 auth、billing、export,
并且默认具备 full/embed 双模式和 panelFilter。

等价的 MCP 工具调用参数:

json
{
  "framework": "html",
  "generator_name": "frame-lab",
  "features": ["auth", "billing", "export"],
  "env": "test"
}

生成结果应具备的关键点

js
window.__GENERATOR_RUNTIME__ = runtime

GeneratorWorkbench.defineGeneratorWorkbench()

workbench.sdk = sdk
workbench.runtime = runtime
await workbench.mount()

适用场景

  • 产品先快速做一个新的 vibe coding 生成器
  • 不想先搭建工程化框架
  • 需要先验证模板页能否接入该生成器

下一步

MIT Licensed