Communitygithub.com

xfstudio/skills

此技能利用 Google Gemini 的图像生成模型(`gemini-3-pro-image-preview`)生成图像。您可以在任何 Claude Code 会话中无缝创建图像——无论是构建前端 UI、编写文档,还是需要概念的可视化表示。

skills 是什么?

此技能通过 Google Gemini 的 `gemini-3-pro-image-preview` 模型实现文本到图像的生成,集成在 Claude Code 等 AI 编码助手的工作流中。它让开发者在构思前端 UI、绘制架构图、制作文档插图或创建图标/Logo 等 UI 资源时,无需切换工具,直接通过自然语言指令即可获得图片。该技能支持 Windows、macOS 和 Linux 平台,依赖 `GEMINI_API_KEY` 环境变量和 Python 3.6+(仅使用标准库,无需额外安装)。其工作流程为:接收文本提示 → 调用 Gemini API → 保存 PNG 文件 → 返回文件路径供项目使用。用户可通过 `python scripts/generate_image.py "描述" [输出路径]` 等命令快速调用,并可设置输出尺寸等参数。

兼容平台✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/xfstudio/skills/tree/HEAD/imagen

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

Imagen - AI 图像生成技能

概述

此技能利用 Google Gemini 的图像生成模型(gemini-3-pro-image-preview)生成图像。您可以在任何 Claude Code 会话中无缝创建图像——无论是构建前端 UI、编写文档,还是需要概念的可视化表示。

跨平台:支持 Windows、macOS 和 Linux。

使用时机

在以下场景自动激活此技能:

  • 用户请求生成图像(例如:“生成一张……的图片”、“创建一幅画……”)
  • 前端开发需要占位图或实际图片
  • 文档需要插图或图表
  • 可视化概念、架构或想法
  • 创建图标、Logo 或 UI 资源
  • 任何需要 AI 生成图像来辅助的任务

工作原理

  1. 接收描述所需图像的文本提示
  2. 调用 Google Gemini API,并携带图像生成配置
  3. 将生成的图像保存到指定位置(默认为当前目录)
  4. 返回文件路径,供项目使用

使用方法

Python(跨平台 - 推荐)

# 基本用法
python scripts/generate_image.py "日落下的未来城市天际线"

# 自定义输出路径
python scripts/generate_image.py "音乐播放器的极简应用图标" "./assets/icons/music-icon.png"

# 自定义尺寸
python scripts/generate_image.py --size 2K "高清风景图" "./wallpaper.png"

要求

  • 必须设置 GEMINI_API_KEY 环境变量
  • Python 3.6+(仅使用标准库,无需 pip 安装)

输出

生成的图像保存为 PNG 文件。脚本返回:

  • 成功:生成的图像路径
  • 失败:带有详细信息的错误消息

示例

前端开发

用户:“我需要着陆页的英雄图像——抽象且偏科技风格”
-> 生成并保存图像,提供路径以便在 HTML/CSS 中使用

文档

用户:“创建一张展示微服务架构的图表”
-> 生成视觉表示,可直接用于 README 或文档

UI 资源

用户:“为用户资料组件生成一张占位头像图片”
-> 创建适用于组件使用的适当尺寸图像

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能