> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gitascii.com/llms.txt
> Use this file to discover all available pages before exploring further.

# GitHub Trophies Widget

> Gamified achievement showcase ranking developer metrics across S, A, B, and C tiers

# GitHub Trophies Widget (`godprofile-trophies`)

The GitHub Trophies widget transforms GitHub metrics into ranked trophy cards (Stars, Commits, PRs, Issues, Repos, Followers) with S-Tier golden glows, trophy cups, and animated pulse borders.

## Configuration Schema

```typescript theme={null}
export interface GodprofileTrophiesConfig {
  disabledTrophies?: string[] // Array of trophy names to omit (e.g. ['Issues'])
  accentColor?: string        // Default: globalStyles.accentColor || '#b6a891'
  textColor?: string          // Default: globalStyles.textColor || '#eceff4'
}
```

### Rank Calculation Matrix

| Trophy        | S Rank     | A Rank     | B Rank    | C Rank  |
| :------------ | :--------- | :--------- | :-------- | :------ |
| **Stars**     | $\ge 1000$ | $\ge 200$  | $\ge 50$  | $< 50$  |
| **Commits**   | $\ge 3000$ | $\ge 1000$ | $\ge 300$ | $< 300$ |
| **PRs**       | $\ge 200$  | $\ge 50$   | $\ge 10$  | $< 10$  |
| **Issues**    | $\ge 200$  | $\ge 50$   | $\ge 10$  | $< 10$  |
| **Repos**     | $\ge 100$  | $\ge 30$   | $\ge 10$  | $< 10$  |
| **Followers** | $\ge 500$  | $\ge 100$  | $\ge 20$  | $< 20$  |

***

## Real Code Example

```typescript theme={null}
import { renderWidgetSvg, WidgetInstance } from '@/engine'

const trophiesWidget: WidgetInstance = {
  instanceId: 'trophies_01',
  widgetId: 'godprofile-trophies',
  name: 'GitHub Trophies',
  position: { x: 0, y: 0 },
  size: { width: 800, height: 280 },
  config: {
    disabledTrophies: ['Issues'],
    accentColor: '#c5ff4a',
  },
  locked: false,
  visible: true,
  zIndex: 1,
}

const svgOutput = renderWidgetSvg(trophiesWidget, profileData, globalStyles)
```