HTML Runtime Starter

Suitable for plain HTML, CDN, and rapid vibe coding scenarios.

The goal of this starter is not just to generate a full page, but to provide a generator skeleton that supports both full and embed modes by default.

For new generators, the recommended host shell is generator-workbench. The starter should keep generator business logic in runtime files and mount the official shell rather than hand-writing the platform top bar in each project.

Default Capabilities

• GeneratorSDK.init() for platform capabilities.
• Mounts generator-workbench as the official shell.
• Exposes window.__GENERATOR_RUNTIME__.
• Supports mount({ mode, target, container }).
• Supports getState() / setState() / patchState().
• Supports getPanelSchema() and panelFilter.
• Provides an export('download-svg') example.

Recommended Generation via MCP

Please generate a starter-html-runtime for me.
Generator name: frame-lab.
Use generator-sdk, support auth, billing, and export.
Include full/embed dual modes and panelFilter by default.

Equivalent MCP tool parameters:

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

Key Implementation Points

window.__GENERATOR_RUNTIME__ = runtime;

GeneratorWorkbench.defineGeneratorWorkbench();

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

Use Cases

• Rapidly creating a new vibe coding generator.
• Avoiding complex build setups initially.
• Validating if a template host can integrate the generator.

Next Steps

• Learn about the Runtime Contract.
• View the Template Host Demo.