@gui-chat-plugin/generate-html


A generate HTML plugin for MulmoChat.

Overview

This plugin generates complete, standalone HTML pages by sending a detailed prompt to an LLM (Claude or Gemini). The generated HTML is self-contained with all styles and scripts inline.

Installation

``bash
yarn add @gui-chat-plugin/generate-html
`

Usage

$3

`typescript
// In src/tools/index.ts
import GenerateHtmlPlugin from "@gui-chat-plugin/generate-html/vue";

const pluginList = [
// ... other plugins
GenerateHtmlPlugin,
];

// In src/main.ts
import "@gui-chat-plugin/generate-html/style.css";
`

$3

`typescript
import { pluginCore, TOOL_NAME } from "@gui-chat-plugin/generate-html";
`

Package Exports

| Export | Description |
|--------|-------------|
| @gui-chat-plugin/generate-html | Core (framework-agnostic) |
| @gui-chat-plugin/generate-html/vue | Vue implementation |
| @gui-chat-plugin/generate-html/style.css | Tailwind CSS styles |

Requirements

This plugin requires an Anthropic API key or Google API key configured in MulmoChat.

Test Prompts

1. "Create an HTML page with a login form"
2. "Generate a landing page for a coffee shop"
3. "Make an interactive calculator in HTML"
4. "Create a portfolio page with a dark theme"

Development

`bash
yarn install
yarn dev # Start dev server
yarn build # Build
yarn typecheck # Type check
yarn lint # Lint
``

License

MIT