在 Claude Code 里直接画图！这个 Skill 让我少开了三个软件

说个真实的痛点——做前端开发的时候，你是不是经常遇到这种循环：写代码 → 发现需要一个配图 → 打开 Figma/Midjourney → 生成 → 下载 → 插入 → 继续写代码？光切换工具这个动作，就足以打断你的心流了。

今天挖到一个让我眼前一亮的 Skill——imagen，它直接把 AI 画图的能力搬进了你的 Claude Code 对话框里。

一句话定位

在你写代码的同一个终端里，说一声”给我生成一个 landing page 的 hero 图”，图片就直接保存到项目目录了。无需切出编辑器，无需打开任何图形工具。

怎么工作的

安装很简单，通过 Claude Code 的 plugin 命令装上这个 Skill：

• 设置好 Google Gemini API Key（免费从 AI Studio 拿）
• 直接对 Claude 说需求就行——”生成一个 app icon””画一个架构图””做个占位图”

Claude 会自动识别你需要图片，调用 Gemini 的图像生成模型，保存到指定路径。整个过程你不需要做任何额外操作。

支持的分辨率

• 512px — 适合图标、缩略图
• 1K（1024×1024） — 默认，通用场景
• 2K（2048×2048） — 高清、打印、视网膜屏

实际使用场景

这个 Skill 的用法比我最初想的要广：

• 开发中快速生成占位图、示例图片
• 给客户演示时画架构图、流程图
• UI mockup 的 hero image、背景图
• 产品 icon、logo 草稿
• 技术文档里的示意图

尤其是做 AI 应用开发的时候，需要大量配图来填充界面——以前要专门找设计师，现在一行描述就搞定。

跨平台支持

Python 脚本基于标准库，不需要额外装依赖，Windows / macOS / Linux 全部能用。而且 Claude Code、Cursor、Gemini CLI 等多个主流 AI 编程工具都支持这个 Skill 标准。

总结

imagen 的核心价值不是”生成质量有多高”，而是把创意生成嵌入到工作流里，消除工具切换的摩擦。对于 AI 应用开发者或者需要快速出原型图的团队，这个 Skill 值得一试。

免费获取 Google Gemini API Key：https://aistudio.google.com/

GitHub 仓库（imagen Skill 入口）

GitHub: https://github.com/sanjay3290/ai-skills/tree/main/skills/imagen