@gui-chat-plugin/set-image-style

A set-image-style plugin for MulmoChat.

Overview

This plugin allows users to configure the image generation style (realistic, anime, cartoon, etc.) that will be used by the image generation plugin.

Installation

yarn add @gui-chat-plugin/set-image-style gui-chat-protocol

gui-chat-protocol is a peer dependency — install it alongside the plugin; the host application provides the runtime and this plugin only declares the compatible range.

Usage

Vue Implementation (for MulmoChat)

// In src/tools/index.ts
import SetImageStylePlugin from "@gui-chat-plugin/set-image-style/vue";

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

// In src/main.ts
import "@gui-chat-plugin/set-image-style/style.css";

Core Only (Framework-agnostic)

import { pluginCore, TOOL_NAME } from "@gui-chat-plugin/set-image-style";

Package Exports

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

Test Prompts

1. "Set the image style to anime"
2. "Change the image generation style to realistic"
3. "I want cartoon-style images"
4. "Use photorealistic style for images"

Development

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

License

MIT

Related

• Protocol spec: gui-chat-protocol
• Reference implementations using this protocol: mulmoclaude · MulmoChat