AI 图像生成界面

ReactAIImageGalleryPrompt更新于 2026-08-14

使用场景: 构建 AI 图像生成产品:提示词转图像工作室、设计素材生成器、灵感板工具与批量图像流水线。

安装
npx skills add ai-image-generation-ui
克隆
git clone https://github.com/skillhub-community/ai-image-generation-ui.git

描述

一个完整的 AI 图像生成工作区。核心 UI:带负向提示词的提示词编辑器、宽高比预设(1:1、4:3、9:16、3:4)、风格快速选择(写实、插画、动漫、3D 渲染、油画——自动在提示词后追加风格修饰符)与带能力提示的模型选择器(下拉或标签页)。生成流程展示待处理图像实时队列、每张完成时弹入的结果流式瓦片,以及单提示词的 4 宫格变体视图。

图库功能:结果保存到可浏览图库(拖拽排序)、并排对比两张图、任意结果放大、导出选中图片(PNG/JPG/WebP)或整批下载。包含提示词历史(复用/编辑过往提示词)、按用例分类的提示词模板「灵感」页,以及每次生成的 token/成本追踪。提供商无关:经适配器接口在 OpenAI、Stable Diffusion 或任意自定义端点间切换。移动端响应式:小屏上编辑器变成底部抽屉。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@media_lin
许可证MIT
版本1.0.0
依赖1

依赖

Image Editor Toolkit