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

> Explore the GPT-Image2 style library and discover 25 bilingual tag labels for internal identifiers like Dashboard and Typography with English and Chinese display names.

- Repository: [苍何/awesome-gpt-image-2](https://github.com/freestylefly/awesome-gpt-image-2)
- Tags: api-reference
- Published: 2026-08-24

---

**The GPT-Image2 style library stores 25 bilingual tag labels in [`data/style-library.json`](https://github.com/freestylefly/awesome-gpt-image-2/blob/main/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`](https://github.com/freestylefly/awesome-gpt-image-2/blob/main/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`](https://github.com/freestylefly/awesome-gpt-image-2/blob/main/src/main.jsx) (lines 769–770), the lookup implementation follows this pattern:

```javascript
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`](https://github.com/freestylefly/awesome-gpt-image-2/blob/main/style-library.json) and access specific tag translations:

```javascript
// 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:

```jsx
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`](https://github.com/freestylefly/awesome-gpt-image-2/blob/main/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`](https://github.com/freestylefly/awesome-gpt-image-2/blob/main/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`](https://github.com/freestylefly/awesome-gpt-image-2/blob/main/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.