Complete Guide to GPT-Image2 Tag Labels: Bilingual Style Library Reference

The GPT-Image2 style library stores 25 bilingual tag labels in data/style-library.json that map internal identifiers like "Dashboard" and "Typography" to localized English and Chinese display names.

The freestylefly/awesome-gpt-image-2 repository powers the GPT-Image2 application with a comprehensive tagging system. These GPT-Image2 tag labels enable the frontend to render human-readable, localized text for UI components, tooltips, and filtering interfaces. Each label definition includes both English and Chinese translations to support international users.

Where GPT-Image2 Tag Labels Are Stored

According to the source code, all tag label mappings reside in the tagLabels object within data/style-library.json (lines 5–30).

This JSON structure defines each tag as a key-value pair, where the key represents the internal tag identifier and the value contains en (English) and zh (Chinese) properties. The frontend loads this file at runtime to resolve raw tag IDs into display text.

Complete List of GPT-Image2 Tag Labels

The style library defines 25 distinct tag labels covering art direction, technical components, and design categories. The following table maps each Tag ID to its bilingual display names:

Tag ID	English	Chinese
Art	Art	艺术
Campaign	Campaign	商业 Campaign
Chart	Chart	图表
Classical	Classical	古典
Creative	Creative	创意
Dashboard	Dashboard	仪表盘
Document	Document	文档
Education	Education	教育
Identity	Identity	身份系统
Interior	Interior	室内
Layout	Layout	版式
Lens	Lens	镜头
Logo	Logo	Logo
Map	Map	地图
Packaging	Packaging	包装
Pose	Pose	动作
Publishing	Publishing	出版
R&D	R&D	研发
Scene	Scene	场景
Screenshot	Screenshot	截图
Scroll	Scroll	长卷
Special	Special	特殊输出
Storyboard	Storyboard	分镜
Style	Style	风格
Typography	Typography	字体

These entries enable the application to display "仪表盘" when the internal tag is "Dashboard", or "分镜" when referencing "Storyboard".

Accessing Tag Labels in the Frontend

The React frontend retrieves localized labels using optional chaining against the loaded library object. In src/main.jsx (lines 769–770), the lookup implementation follows this pattern:

const tagLabel = styleLibrary?.tagLabels?.[value];

This defensive coding pattern prevents runtime errors if the library fails to load or if a tag ID does not exist in the dataset. The value variable represents the raw tag identifier (e.g., "Lens" or "Education") passed from the component's props or state.

Working with Tag Labels: Code Examples

Fetching the Library and Retrieving a Label

Use the Fetch API to load style-library.json and access specific tag translations:

// Load the JSON file (served as /style-library.json)
fetch('/style-library.json')
  .then(r => r.json())
  .then(styleLibrary => {
    const tag = 'Dashboard';
    const label = styleLibrary.tagLabels[tag];
    console.log(`Tag "${tag}" → English: ${label.en}, Chinese: ${label.zh}`);
    // → Tag "Dashboard" → English: Dashboard, Chinese: 仪表盘
  });

Using the Label in a React Component

Implement a reusable TagChip component that gracefully handles missing translations:

function TagChip({ tag }) {
  const label = styleLibrary?.tagLabels?.[tag];
  const text = label ? label.en : tag;   // fallback to raw tag
  return <span className="tagChip">{text}</span>;
}

This component pattern ensures the UI never breaks, falling back to the raw tag ID if the specific label mapping is unavailable.

Summary

• Storage Location: Tag labels are defined in data/style-library.json under the tagLabels object (lines 5–30).
• Bilingual Support: Each of the 25 tags includes both English (en) and Chinese (zh) display names.
• Frontend Lookup: The application accesses labels via styleLibrary?.tagLabels?.[value] in src/main.jsx (lines 769–770).
• Defensive Coding: Implement fallbacks to raw tag IDs when translations are missing to maintain UI stability.
• Integration: Load the JSON via fetch or import, then reference the mappings in React components for localized rendering.

Frequently Asked Questions

Where are GPT-Image2 tag labels stored in the repository?

All tag label mappings are stored in data/style-library.json within the root of the freestylefly/awesome-gpt-image-2 repository. The specific data structure resides in the tagLabels object spanning lines 5 through 30, where each key maps to an object containing en and zh translation properties.

How many tag labels are defined in the GPT-Image2 style library?

The library defines 25 unique tag labels covering categories from "Art" and "Classical" to technical terms like "Dashboard" and "Typography". Each label provides bilingual support for both English and Chinese interfaces, enabling comprehensive localization across the application.

How do I display a tag label in a React component using GPT-Image2?

Access the label using optional chaining against the loaded library: const label = styleLibrary?.tagLabels?.[tagId]. Then reference label.en for English or label.zh for Chinese text. Always implement a fallback (such as displaying the raw tagId) to handle cases where the library hasn't loaded or the tag doesn't exist in the dataset.

What languages are supported for tag labels in GPT-Image2?

The style library currently supports English and Chinese (Simplified) for all tag labels. Every entry in tagLabels contains both an en property for the English display name and a zh property for the Chinese translation, facilitating bilingual UI rendering throughout the application.

{
  "mcpServers": {
    "instagit": {
      "command": "npx",
      "args": ["-y", "instagit@latest"]
    }
  }
}