React Design Draft
Generate React design drafts (4-piece set) from content. Invoke for 'design draft'/'设计稿'/'生成页面'/'信息图'/'知识卡片'/'多图配图'. Do NOT use for editing existing code.
使用 Nano Banana Pro API 通过文本提示生成或编辑图像,支持从草稿到 1K/2K/4K 高分辨率输出及图像编辑。
openclaw skills install @namebekc/my-nano-image命令、参数、文件名以原文为准
使用 Google 的 Nano Banana Pro API(Gemini 3 Pro Image)生成新图像或编辑现有图像。
请使用绝对路径运行脚本(不要先进入技能目录):
生成新图像:
uv run ~/.codex/skills/nano-banana-pro/scripts/generate_image.py --prompt "你的图像描述" --filename "输出文件名.png" [--resolution 1K|2K|4K] [--api-key KEY]编辑现有图像:
uv run ~/.codex/skills/nano-banana-pro/scripts/generate_image.py --prompt "编辑指令" --filename "输出文件名.png" --input-image "输入图像路径.png" [--resolution 1K|2K|4K] [--api-key KEY]重要提示: 始终从当前工作目录运行,以确保图像保存在用户所在位置,而非技能目录中。
目标:快速迭代,避免在提示不准确时过早使用 4K 分辨率。
- uv run ~/.codex/skills/nano-banana-pro/scripts/generate_image.py --prompt "<草稿提示>" --filename "yyyy-mm-dd-hh-mm-ss-draft.png" --resolution 1K
- 若为编辑任务:在满意前保持相同的 --input-image。
- uv run ~/.codex/skills/nano-banana-pro/scripts/generate_image.py --prompt "<最终提示>" --filename "yyyy-mm-dd-hh-mm-ss-final.png" --resolution 4K
Gemini 3 Pro Image API 支持三种分辨率(必须大写 K):
将用户请求映射为 API 参数:
1K1K2K4K脚本按以下顺序检查 API 密钥:
--api-key 参数(用户在聊天中提供时使用)GEMINI_API_KEY 环境变量若两者均未提供,脚本将退出并显示错误信息。
- command -v uv(必须存在)
- test -n "$GEMINI_API_KEY"(或提供 --api-key)
- 若为编辑任务:test -f "path/to/input.png"
- Error: No API key provided. → 设置 GEMINI_API_KEY 或提供 --api-key
- Error loading input image: → 路径错误或文件不可读;确认 --input-image 指向真实图像
- “quota/permission/403” 类型的 API 错误 → 密钥错误、无权限或配额超限;尝试更换密钥或账户
使用格式:yyyy-mm-dd-hh-mm-ss-名称.png
格式: {时间戳}-{描述性名称}.png
yyyy-mm-dd-hh-mm-ss(24小时制)x9k2、a7b3)示例:
2025-11-23-14-23-05-japanese-garden.png2025-11-23-15-30-12-sunset-mountains.png2025-11-23-16-45-33-robot.png2025-11-23-17-12-48-x9k2.png当用户希望修改现有图像时:
--input-image 参数指定图像路径生成任务: 将用户的图像描述原样传递给 --prompt。仅在明显不充分时才进行重写。
编辑任务: 将编辑指令放入 --prompt(如“在天空中添加一道彩虹”、“让它看起来像水彩画”)
始终保留用户的创作意图。
当用户表述模糊或需精确编辑时使用模板。
- “创建一张: <主体>。风格: <风格>。构图: <镜头/拍摄角度>。光照: <光照效果>。背景: <背景>。配色方案: <配色>。避免: <列表>。”
- “仅更改: <单一修改项>。其余保持不变:主体、构图/裁剪、姿态、光照、配色方案、背景、文字及整体风格。不要添加新物体。如有文字,请保持不变。”
生成新图像:
uv run ~/.codex/skills/nano-banana-pro/scripts/generate_image.py --prompt "A serene Japanese garden with cherry blossoms" --filename "2025-11-23-14-23-05-japanese-garden.png" --resolution 4K编辑现有图像:
uv run ~/.codex/skills/nano-banana-pro/scripts/generate_image.py --prompt "make the sky more dramatic with storm clouds" --filename "2025-11-23-14-25-30-dramatic-sky.png" --input-image "original-photo.jpg" --resolution 2K已收录 1 个 Skill
Generate React design drafts (4-piece set) from content. Invoke for 'design draft'/'设计稿'/'生成页面'/'信息图'/'知识卡片'/'多图配图'. Do NOT use for editing existing code.
专业免费图像生成技能,无需 API 密钥。通过文本生成图像,支持自动重试与退避机制,输出清晰本地文件。
生成、优化或审计博客列表页结构,适用于“博客页”、“文章列表”等场景。