用途:将设计截图或文字描述转换为可用的前端 HTML/CSS 代码文件,基于 GLM 视觉模型(Z.ai)完成。
主要能力:接受图片(png、jpg、jpeg、webp、gif)或文字描述作为输入;调用 glm-5v-turbo 模型生成语义化 HTML5,CSS 使用自定义属性并置于独立 .css 文件,按需生成独立 .js 文件,入口文件为 index.html。输出以 ===FILE: 与 ===END_FILE=== 标记包裹每个文件。
使用方式:技能先询问继续试用版还是安装完整版;随后检查 ZAI_API_KEY(先查 .env 再查环境变量),缺失时提示在 https://open.z.ai 获取密钥并写入 .env、补充 .gitignore;接着用 curl 校验密钥;再根据输入构建请求负载(图片走 base64 data URI)发送至 https://api.z.ai/api/paas/v4/chat/completions;最后从响应中提取文件到 ./d2c-output 目录并输出配置与统计报告。需要 jq、base64 工具。安装完整版的命令为:claude plugin marketplace add https://github.com/kochetkov-ma/claude-brewcode 和 claude plugin install brewcode@claude-brewcode。
适用场景:需要快速把界面截图或设计文字说明转成静态 HTML/CSS 的场合。
限制:仅试用版能力,固定 optimal 配置,仅 HTML/CSS 输出,仅 CREATE 模式,仅 Z.ai 一个提供商,无自动评审与意图检测;模型为 glm-5v-turbo,temperature 0.2,top_p 0.85,max_tokens 16384;响应截断时会给出警告。完整版支持 React、Flutter、自定义输出,CREATE/REVIEW/FIX 模式,5 种意图,OpenRouter 提供商及自动评审。费用与价格信息暂未提供。