Imagen 图像生成
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/imagen-zh。
技能介绍
要解决什么问题
前端占位图、文档插图、架构草图或 Logo 草稿,往往要在浏览器、设计工具和本地脚本之间来回切换。若你已经在 Claude Code 会话里写 UI 或改文档,临时缺一张图就会打断上下文。本技能把「按文字描述出图」收进同一条工作流:描述需求即可得到可落盘的 PNG 文件路径,便于直接引用到项目里。
技能如何工作
技能在识别到生图类意图(例如「生成一张……的图像」、需要占位图或概念可视化)时会自动介入。核心流程很直接:
- 接收你对画面内容、风格或用途的文本提示
- 调用 Google Gemini 图像生成模型(
gemini-3-pro-image-preview),并按请求配置生成参数 - 将结果写入指定目录(默认当前工作目录)
- 向会话返回成功时的文件路径或失败时的详细错误信息
实现上推荐用 Python(Windows / macOS / Linux 均可):仅依赖标准库,无需额外 pip 包;运行前须配置环境变量 GEMINI_API_KEY。
适用边界与注意点
- 输出格式固定为 PNG,适合界面素材、文档配图和概念示意,不替代专业印刷或矢量品牌规范流程。
- 画面质量与合规性取决于提示词与 Gemini 模型行为,敏感或商用场景需自行审查生成结果。
- 未配置
GEMINI_API_KEY时无法调用 API;路径与权限问题会在错误信息中体现,需按返回说明排查。
使用场景
- 在 Claude Code 里改前端页面时,用自然语言描述 banner 或卡片视觉,生成 PNG 并拿到路径直接写进组件或静态资源目录
- 撰写 README、设计说明或内部 wiki 时,为架构或流程段落补一张概念示意图,避免切换到独立绘图工具
- 产品原型阶段需要临时应用图标、Tab 图标或简单 Logo,按提示词生成 PNG 后再替换到项目资源里
- 调试 UI 布局时需要与配色、比例一致的占位图或控件示意,在会话内生成文件而非从网上随便找图
适合人员
- 在 Claude Code 中迭代 Web 或移动端界面、经常缺 banner/占位图的前端工程师
- 负责技术文档与架构说明、需要把抽象概念落成插图的技术写作者或架构师
- 做 MVP 或内部工具、希望快速产出可引用 PNG 图标与 UI 素材的全栈或产品工程师
- 已配置 GEMINI_API_KEY、希望在本地用标准库 Python 调用 Gemini 生图并落盘的自动化或脚本维护者