用途:当用户需要渲染后的视觉图而非纯文本图表时使用,包括 ERD、UI 原型/线框、架构插图、可直接放入幻灯片的图片,以及对已有图片的编辑。
主要能力:生成 PNG/SVG 风格图像;渲染 ERD 或架构图;制作 LWC 或 Experience Cloud 原型/线框;提供超出 Mermaid 的视觉润色;编辑此前生成的图片。
使用方式:先运行前置检查脚本 ~/.claude/skills/sf-diagram-nanobananapro/scripts/check-prerequisites.sh,若失败则停止并引导至 references/gemini-cli-setup.md。默认先访谈澄清需求(图片类型、范围、质量目标、风格与宽高比),除非用户明确要求快速生成。快速模式默认专业风格、1K 草稿、必要时含图例、先出一张再迭代。生成草稿示例:gemini --yolo "/generate 'Professional Salesforce ERD with Account, Contact, Opportunity; clean legend; white background; Salesforce-style colors'";迭代编辑示例:gemini --yolo "/edit 'Move Account to center, thicken relationship lines, add legend in bottom right'";最终高分辨率输出可用脚本:uv run scripts/generate_image.py -p "..." -f "crm-erd-final.png" -r 4K。
适用场景:视觉化 ERD、LWC 原型、架构插图、图片微调、生产级成品图。ERD 默认采用 architect.salesforce.com 风格(深色边框浅色填充卡片、云产品强调色、清晰标签与关系线)。
限制与分工:纯 Mermaid 或文本图交由 sf-diagram-mermaid;ERD 元数据发现交由 sf-metadata;原型转真实组件交由 sf-lwc;Apex 审查交由 sf-apex。具体收费、价格与平台支持范围暂未提供。