52 lines
2.8 KiB
Markdown
52 lines
2.8 KiB
Markdown
# Agent icons — style guide
|
|
|
|
Each agent in the `agents/` directory can have an icon/avatar declared in the `"icon"` field of its `meta.json`. The backend serves the file via `GET /api/agents/{id}/icon`.
|
|
|
|
## Visual style
|
|
|
|
Icons were generated with **xAI Grok Imagine** in a **concept art / character design** style:
|
|
|
|
- **Style**: illustrated, not photorealistic, not flat vector, not anime
|
|
- **Technique**: bold brushstrokes, rich colours, depth, video game concept art quality (Overwatch / Arcane / Hades)
|
|
- **Format**: portrait (vertical rectangle)
|
|
- **Background**: medium-bright, not dark, no neon
|
|
- **Subject**: a character / living being representing the agent's role, with contextual elements (tools, holograms, symbols)
|
|
- **Palette**: varies per agent, generally warm with one dominant colour
|
|
|
|
## Base prompt template
|
|
|
|
```
|
|
Stylized character portrait of an AI agent called "{NAME}".
|
|
Concept art style with bold brushstrokes and rich colors.
|
|
{character description and surrounding visual elements}
|
|
{dominant colours}
|
|
Illustrated character design, not photorealistic, not flat vector, not anime.
|
|
Video game concept art quality.
|
|
Portrait format, vertical.
|
|
High detail, expressive.
|
|
```
|
|
|
|
## Per-agent reference
|
|
|
|
| Agent | Subject | Palette |
|
|
|-------|---------|---------|
|
|
| **Architect** | Visionary with floating architectural blueprints and geometry | Blue & teal |
|
|
| **Engineer** | Technician/cyborg with holographic tools, gears, circuits | Amber & steel blue |
|
|
| **Explorer** | Curious analyst with magnifying glass, floating code and data trails | Deep blue & gold |
|
|
| **Researcher** | Scientist with smart glasses, floating documents, magnifier | Purple & teal |
|
|
| **Main Assistant** | Central charismatic leader with luminous geometric shapes | Purple & gold |
|
|
| **TIC** | Mysterious figure with multiple eyes, radar, data nodes | Dark purple & cyan |
|
|
| **Tinker** | Clever craftsperson with multitool, gears, repair tools | Orange & steel grey |
|
|
| **Worker** | Practical person with futuristic toolbelt and mechanical elements | Orange & steel grey |
|
|
| **Blueprint** | Scholarly figure with floating scrolls and glowing quills writing words in mid-air, luminous documents orbiting | Deep indigo & burnished gold |
|
|
| **Tech Lead** | Confident strategist at a holographic kanban board, task cards floating mid-air, sub-agents visible in the background | Warm amber & deep teal |
|
|
| **Project Coordinator** | Central orchestrator with glowing connected nodes, satellite sub-agents orbiting, holographic project maps and branching task flows | Teal & warm gold |
|
|
|
|
|
|
## Adding a new agent icon
|
|
|
|
1. Generate the image using the prompt template above
|
|
2. Save it as `agents/{agent_id}/icon.png`
|
|
3. Add `"icon": "icon.png"` to the agent's `meta.json`
|
|
4. No code changes needed — the backend serves whatever file path is declared in the manifest
|