style-library

GPT-Image2 Style Library Reference

Generated from `data/style-library.json`. Use this file as the detailed index for choosing GPT-Image2 prompt templates, visual styles, categories, and scene tags.

Selection Rules

• Match explicit product types to template categories first, such as product, poster, UI, infographic, brand, photography, character, or document.
• Match visual words to style tags next, such as realistic, 3D, illustration, classical, brand, poster, or UI.
• Match context words to scene tags next, such as commerce, education, social, food, travel, story, history, tech, or creative.
• If a request is vague, offer 2-3 strong template directions and ask the user to choose before writing the final prompt.
• Final output should include the selected template name, a copyable GPT-Image2 prompt, and concise constraints for text, aspect ratio, layout, and negative details.

Template Index

UI Screenshot System / UI 截图系统

• ID: `ui-screenshot-system`
• Category: UI & Interfaces
• Styles: UI
• Scenes: Tech, Social
• Tags: UI, Dashboard, Screenshot
• Cover: `/images/case17.jpg`
• Template source: https://github.com/freestylefly/awesome-gpt-image-2/blob/main/docs/templates.md#tpl-ui
• Example cases: case 17, case 2, case 4

Use when:

• EN: Use for app screens, dashboards, social screenshots, and live interface mockups.
• ZH: 用于 App 截图、仪表盘、社媒截图和直播界面。

Guidance:

• Lock platform, aspect ratio, layout hierarchy, and exact visible text.
• Specify UI chrome such as status bars, tabs, action rows, or comment layers.
• 锁定平台、比例、层级和画面文字。
• 明确状态栏、Tab、操作区、评论层等 UI 元素。

Pitfalls:

• Avoid vague platform names and generic app mockups.
• Constrain text readability and platform-specific details.
• 避免平台描述过泛。
• 约束文字可读性和平台特征。

Infographic Engine / 信息图引擎

• ID: `infographic-engine`
• Category: Charts & Infographics
• Styles: Infographic, Charts
• Scenes: Education, Tech
• Tags: Infographic, Chart, Education
• Cover: `/images/case334.png`
• Template source: https://github.com/freestylefly/awesome-gpt-image-2/blob/main/docs/templates.md#tpl-infographic
• Example cases: case 334, case 1, case 8

Use when:

• EN: Use for explainer graphics, technical diagrams, timelines, and knowledge cards.
• ZH: 用于解释图、技术图解、时间线和知识卡片。

Guidance:

• Define 3-5 modules, information flow, visual hierarchy, and short labels.
• Use color groups, arrows, icons, and clean spacing to reduce clutter.
• 定义 3-5 个模块、信息流、层级和短标签。
• 用色块、箭头、图标和留白控制复杂度。

Pitfalls:

• Avoid long paragraphs inside the image.
• Limit module count before adding visual detail.
• 避免把长段正文塞进画面。
• 先限制模块数量，再补视觉细节。

Scientific Scale Diagram / 科学尺度缩放图

• ID: `scientific-scale-diagram`
• Category: Charts & Infographics
• Styles: Infographic, Charts, Realistic
• Scenes: Education, Tech
• Tags: Infographic, Chart, Education
• Cover: `/images/case341.jpg`
• Template source: https://github.com/freestylefly/awesome-gpt-image-2/blob/main/docs/templates.md#tpl-infographic
• Example cases: case 341

Use when:

• EN: Use when the topic needs micro-to-macro scale comparison and labeled detail windows.
• ZH: 用于需要从微观到宏观展示尺度变化的科普主题。

Guidance:

• Use 6-8 scale frames and keep each label short.
• Show units, magnification, and distinct scale detail.
• 使用 6-8 个尺度框，每个标签保持短句。
• 展示单位、倍率和不同尺度的细节。

Pitfalls:

• Avoid making every scale frame visually identical.
• Avoid generic magnifying glass icon layouts.
• 避免所有尺度框长得一样。
• 避免通用放大镜式布局。

Poster Layout System / 海报排版系统

• ID: `poster-layout-system`
• Category: Posters & Typography
• Styles: Poster
• Scenes: Commerce, Social
• Tags: Poster, Typography, Campaign
• Cover: `/images/case345.jpg`
• Template source: https://github.com/freestylefly/awesome-gpt-image-2/blob/main/docs/templates.md#tpl-poster
• Example cases: case 345, case 5, case 10

Use when:

• EN: Use for event posters, movie posters, covers, and social campaign visuals.
• ZH: 用于活动海报、电影海报、封面和社媒传播视觉。

Guidance:

• Lock subject, headline, layout, palette, and aspect ratio.
• Make the title hierarchy and primary visual clear.
• 锁定主体、标题、版式、配色和比例。
• 突出标题层级和主视觉。

Pitfalls:

• Avoid mixed moodboards or process sheets when asking for one finished poster.
• Constrain extra text and decorative symbols.
• 需要成品海报时，避免生成拼贴展示板。
• 约束多余文字和装饰符号。

Sports Campaign Poster / 运动商业 Campaign

• ID: `sports-campaign-poster`
• Category: Posters & Typography
• Styles: Poster, Realistic
• Scenes: Commerce, Fashion
• Tags: Poster, Campaign, Typography
• Cover: `/images/case350.jpg`
• Template source: https://github.com/freestylefly/awesome-gpt-image-2/blob/main/docs/templates.md#tpl-poster
• Example cases: case 350, case 3

Use when:

• EN: Use for sports brand campaigns, athlete posters, and product-led sport visuals.
• ZH: 用于运动品牌 Campaign、运动员海报和运动产品视觉。

Guidance:

• Define sport, athlete pose, hero prop, title, and brand palette.
• Use dramatic light, clean composition, and readable data overlays.
• 定义运动项目、姿态、核心道具、标题和品牌色。
• 使用强光影、干净构图和可读数据层。

Pitfalls:

• Avoid wrong equipment and noisy collage.
• Keep the athlete and hero prop visually dominant.
• 避免错误运动器材和杂乱拼贴。
• 让运动员和核心道具占据主导。

Conceptual Typography Poster / 概念字体海报

• ID: `conceptual-typography-poster`
• Category: Posters & Typography
• Styles: Poster
• Scenes: Creative, Social
• Tags: Typography, Poster, Style
• Cover: `/images/case355.jpg`
• Template source: https://github.com/freestylefly/awesome-gpt-image-2/blob/main/docs/templates.md#tpl-poster
• Example cases: case 355

Use when:

• EN: Use when the exact title must become the main visual structure.
• ZH: 用于标题文字需要成为主视觉结构的海报。

Guidance:

• Make typography the hero and spell the title exactly.
• Tie human figures, objects, or landscapes to the title meaning.
• 让字体成为画面主角，并保证标题拼写准确。
• 人物、物体或风景需要服务标题含义。

Pitfalls:

• Avoid default word art, unrelated icons, and misspelled title text.
• Limit the color system to a restrained palette.
• 避免默认字效、无关图标和标题错字。
• 控制配色数量，保持克制。

Ink Double Exposure Poster