add-icon-mapping
Installation
SKILL.md
Add icon keyword mapping
lobe-icons ships icon components (e.g. src/Grok/) and, separately, mapping tables that resolve a provider/model/agent id string to one of those components. A provider showing the fallback icon in LobeHub almost always means the mapping entry is missing, not the icon itself. Always check src/<Name>/ first — if the brand icon already exists, the task is only wiring it up.
Where mappings live (edit ALL that apply)
The react-native package duplicates the main package's config files. Forgetting the RN package is the most common mistake — the main package edits compile and pass review on their own.
| What | Main package | react-native package |
|---|---|---|
| Provider enum | src/features/providerEnum.ts |
packages/react-native/src/features/providerEnum.ts |
| Provider mappings | src/features/providerConfig.tsx |
packages/react-native/src/features/providerConfig.tsx |
| Model mappings | src/features/modelConfig.ts |
packages/react-native/src/features/modelConfig.ts |
| Agent mappings | src/features/agentConfig.ts |
— (main package only) |
The static-* workspace packages (static-svg, static-png, static-webp, static-avatar) are generated from icon components and contain no mapping logic — never edit them for a mapping change.