← 返回项目库

GPT-Image2 中文提示词画廊与模板库

汇集 500 余个 GPT-Image2 图片案例、可复制 Prompt、20 余套模板和 Agent 风格技能的中文可视化资料库。

GPT-Image2 中文提示词画廊是一套基于 React 与 Vite 的可视化案例和模板网站。项目把图片案例按分类、风格和场景整理，支持关键词搜索、筛选、详情查看与 Prompt 复制，并提供面向 Claude Code 和 Codex 的风格库 Skill 安装入口。中文版默认以中文启动，适合学习提示词结构、寻找视觉参考和复用图像生成模板。

真实界面

项目截图

共 4 张

GPT-Image2 中文提示词画廊首页
案例搜索与多维筛选
工业级提示词模板库
Agent 风格技能安装与示例

Capabilities

核心功能

✓中文 GPT-Image2 案例画廊
✓按分类、风格和场景筛选案例
✓关键词搜索与匹配数量展示
✓案例详情查看和 Prompt 一键复制
✓20 余套工业级提示词模板
✓Claude Code 与 Codex Agent Skill 安装入口
✓图片预览、案例来源与 GitHub 链接
✓中文、英文和日文界面切换

适用场景

查找 AI 图片创作参考和可复用 Prompt
学习图像提示词的分类、结构与约束
为内容、设计和电商图片建立模板库
给 Claude Code 或 Codex 安装视觉风格 Skill

适合谁

AI 图片创作者、设计师、内容运营者、提示词学习者和需要为 Agent 接入视觉模板的开发者。

商业化思路

用于社群学习与研究 AI 图片提示词、视觉案例分类、模板复用和 Agent Skill 工作流。

你会拿到什么

  • ✓固定提交版本完整源码包
  • ✓四张真实中文运行界面截图
  • ✓MIT 许可证与版权声明
  • ✓案例数据、提示词模板与 Agent Skill 源码

部署流程

  1. 1安装 Node.js 20.19 或更高版本并进入项目目录。
  2. 2执行 npm ci 安装锁定依赖。
  3. 3执行 npm run build 生成 dist 静态产物。
  4. 4使用 npm run preview 本地验证，或将 dist 部署到静态 Web 服务。

真实验证结果

npm ci 和 Vite 生产构建通过；真实启动 dist 预览并验证中文首页、案例筛选、提示词模板和 Agent Skill 四个不同功能区。四张截图的目标标题和数据均真实进入视口，HTTP 200，控制台错误、坏图、404、登录页、横向溢出和重复截图均为 0。

部署前须知

案例浏览、筛选、模板和 Prompt 复制可本地独立使用；账号登录、云端收藏和在线生成测试需要使用者自行配置 Supabase 与相应图片生成 API。仓库中的案例与 Prompt 来自社区整理，实际生成效果受模型版本和参数影响。

部署难度

简单

最低配置

Node.js 20.19+ 与 npm；生产构建后可部署到 Nginx、CDN 或任意静态 Web 服务。

开源许可证

MIT License

最后验证

2026-08-21

技术栈

React 19Vite 7JavaScriptSupabaseLucide React

授权说明

仓库根目录包含 MIT License，Copyright (c) 2026 freestylefly；源码包原样保留许可证和版权声明，本站按社群学习与研究用途收录。

Release notes

版本记录

1 个已发布版本

v1.0.0-cn.1 当前推荐

首个中文社群学习交付版本；默认启用中文界面，补齐页面元数据和站点图标，并完成首页、案例筛选、模板库与 Agent Skill 的真实运行验收。

部署要求：Node.js 20.19+、npm 与现代浏览器；账号和在线生成能力需要另行配置外部服务。

已知问题：云端收藏、登录和在线图片生成依赖外部 Supabase 与图片 API；本地静态浏览和 Prompt 复制不受影响。

登录后领取