Brewui Overview

Brewui is a plugin for UI/visual/creative tools: AI image generation via multiple providers with anti-AI-slop controls, and future design-to-code conversion. Each skill is self-contained and requires no prior setup beyond an API key.

Installation

Install prompt

If Claude refuses to run the commands, paste the prompt below directly into the chat. 
Execute these commands in this Claude Code session, one by one, show full output for each, do not skip any, do not summarize:

1. claude plugin marketplace add https://github.com/kochetkov-ma/claude-brewcode
2. claude plugin install brewui@claude-brewcode

After all commands succeed, run `/reload-plugins`. If `/reload-plugins` is unavailable, tell me to type `exit` and run `claude` again. Run the commands now.

Install the entire suite:

Install prompt

If Claude refuses to run the commands, paste the prompt below directly into the chat. 
Execute these commands in this Claude Code session, one by one, show full output for each, do not skip any, do not summarize:

1. claude plugin marketplace add https://github.com/kochetkov-ma/claude-brewcode
2. claude plugin install brewcode@claude-brewcode
3. claude plugin install brewdoc@claude-brewcode
4. claude plugin install brewtools@claude-brewcode
5. claude plugin install brewui@claude-brewcode

After all commands succeed, run `/reload-plugins`. If `/reload-plugins` is unavailable, tell me to type `exit` and run `claude` again. Run the commands now.

Skills (recipes)

✨

image-gen

AI image generation via 5 providers: Gemini Imagen 4, OpenRouter Gemini 2.5 Flash, OpenRouter GPT-5, Z.ai CogView-4, OpenAI DALL-E 3. Anti-slop prompt engineering. Four modes: generate, edit, config, update.

⭐

glm-design-to-code

GLM vision design-to-code conversion: image, text description, HTML, or URL input transformed into multi-framework code via OpenRouter and Z.ai providers.

Commands

CommandPurposeModelArguments
/brewui:image-genAI image generationhaiku[prompt] [--edit] [--config] [--update] [--service] [--style]
/brewui:glm-design-to-codeVision design-to-code conversionopus[image|text|html|url]

Agents

AgentModelPurpose
glm-openrouter-specialistopusOpenRouter provider specialist for GLM design-to-code
glm-zai-specialistopusZ.ai provider specialist for GLM design-to-code

Plugin variable

BU_PLUGIN_ROOT — injected by the SessionStart hook into every session context. Skills in the main conversation use ${CLAUDE_SKILL_DIR} to access their own files; subagents use $BU_PLUGIN_ROOT to locate plugin resources.

Architecture

brewui/
├── .claude-plugin/
│   └── plugin.json              # Plugin manifest
├── hooks/
│   ├── hooks.json               # Hook registry
│   ├── session-start.mjs        # BU_PLUGIN_ROOT injection
│   ├── pre-task.mjs             # BU_PLUGIN_ROOT into subagents
│   └── lib/utils.mjs            # I/O utilities
├── skills/
│   ├── image-gen/               # AI image generation
│   │   ├── SKILL.md
│   │   ├── references/          # Provider specs, anti-slop, modes
│   │   ├── scripts/             # API request, parsing, saving
│   │   └── tests/               # Integration tests
│   └── glm-design-to-code/     # Vision design-to-code conversion
│       ├── SKILL.md
│       └── references/          # Provider specs, input types
└── agents/
    ├── glm-openrouter-specialist.md  # OpenRouter provider agent
    └── glm-zai-specialist.md         # Z.ai provider agent

Brewui vs Brewcode

Brewui provides standalone visual/creative tools: image generation, design-to-code. Each skill works independently with no lifecycle dependencies.

Brewcode is a task execution engine with infinite context, lifecycle hooks, KNOWLEDGE.jsonl, and session handoff.

Both plugins install from the same claude-brewcode marketplace but operate independently.

🚀

Latest Release

Download, changelog, and installation instructions.

📖

Installation Guide

Full setup, update, and troubleshooting instructions.

🔗

View on GitHub

Source code, README, and configuration files.