GPT Image 2 资源精选

freestylefly/awesome-gpt-image-2 访问 GitHub ↗
🔤 JavaScript ★ 15490 ⑂ 0 daily #17 (+2449) 抓取 2026-08-25

一句话简介

汇集 GPT Image 2 图像生成相关的示例、工具、项目与实用资源,面向开发者和创作者。

标签

  • 生成式人工智能
  • 图像生成
  • GPT Image 2
  • JavaScript
  • 资源合集

适用应用场景

  • 查找 GPT Image 2 的应用案例与项目实践
  • 快速接入图像生成功能到 JavaScript 项目
  • 收集提示词、工具与开发技巧
  • 评估和选型相关开源方案

README 中文摘要

项目概览

GPT-Image2 提示词系统是一个面向工业级 AI 图像生成的提示词引擎与模板库,将散落的社区示例沉淀为可复用的结构化资产。项目以「Prompt as Code」为核心思路,将自然语言提示词压缩为可组合的原子协议,便于 Agent、脚本和自动化工作流直接调用。

设计动机

GPT-Image2 普及后,AI 图像生成的核心矛盾从「能否生成图像」转向「能否稳定、可控、可复用地产出图像」。项目围绕三个方向展开:

  • 原子化模式:将主体、灯光、材质、布局、视觉细节拆解为可组合的最小单元
  • 工作流友好:面向 Agent、脚本与自动化系统设计,便于批量调用
  • 结构化控制:提升对布局、文字、信息层级的精细控制能力

案例库结构

项目收录 532 个逆向工程的提示词案例,按 12 个类别组织,覆盖 UI 界面、信息图表、海报排版、产品电商、品牌标识、建筑空间、摄影写实、插画艺术、人物角色、场景叙事、历史国风与文档出版。每个类别均提供完整提示词与生成样例,便于按风格或场景筛选参考。

提示词模板体系

模板库按四大主题分组,提供 20 余套工业级提示词模板及其避坑指南:

  • 设计与信息:UI 组件、信息层级、标题系统、视觉冲击
  • 商业与空间:产品卖点、包装结构、Logo 系统、空间透视
  • 影像与人物:镜头与光线、写实质感、笔触风格、角色一致性
  • 叙事与扩展:故事板节奏、古典叙事、页面系统、混合工作流

Agent Skill 集成

项目附带 GPT-Image2 Style Library 风格库 Skill,供 Claude Code、Codex、Cursor 等 Agent 调用,使其在生成图像时可选用统一风格、模板与场景标签。

快速安装(推荐 Claude Code、Codex、Cursor):

# 将 Skill 添加到 Claude Code 与 Codex 的全局目录
npx skills add freestylefly/awesome-gpt-image-2 --skill gpt-image-2-style-library --agent claude-code codex --global --yes --copy

# 一键安装到所有支持的本地 Agent
npx skills add freestylefly/awesome-gpt-image-2 --global --all --copy

Claude Code 插件市场安装:

/plugin marketplace add freestylefly/awesome-gpt-image-2
/plugin install gpt-image-2-style-library@awesome-gpt-image-2

npm CLI 安装方式:

npm install -g gpt-image-2-style-library
gpt-image-2-style-library install all

从 GitHub Packages 安装:

npm login --scope=@freestylefly --registry=https://npm.pkg.github.com
npm install -g @freestylefly/gpt-image-2-style-library --registry=https://npm.pkg.github.com

调用示例:

Use gpt-image-2-style-library to create an infographic prompt about Codex.

网站鉴权与生成架构

可视化站点基于 Supabase Auth 与 Postgres 实现登录态管理,并通过 Vercel Function 代理调用 GPT-Image2 接口。核心环境变量包括 Supabase 凭证、超级管理员邮箱、CIYUAN API 密钥、Stripe 支付密钥、GA4 分析凭证等。

关键部署步骤:

  • 应用 supabase/migrations/ 下依次发布的迁移脚本,依次启用用户积分、会员计费、支付宝网站支付、付费社区、Google 账户中心、价格管理、案例收藏等模块
  • 在 Supabase Auth 中配置 https://gpt-image2.canghe.ai 与本地开发地址作为回调地址,启用 Google 登录
  • 配置 Stripe Checkout Webhook,订阅 checkout.session.completedinvoice.payment_succeededcustomer.subscription.updatedcustomer.subscription.deleted 四类事件
  • 在 Vercel 中为 GA4 创建 OAuth Web 客户端,执行 npm run ga4:oauth 获取 GOOGLE_ANALYTICS_REFRESH_TOKEN 并写入敏感环境变量

SUPABASE_SERVICE_ROLE_KEYSTRIPE_SECRET_KEYSTRIPE_WEBHOOK_SECRET 仅保留在 Vercel 服务端环境变量中,避免泄漏至前端。

摘要更新于 2026-08-25 00:31:48 · 原文 32549 字符 · md5 9c84b9c8aa8d…