Agent Profile Images for Openclaw

A comprehensive visual identity management system for AI agents, featuring custom uploads and AI-powered themed image generation.

maverick-software
v1.0.0
Mar 18, 2026
0
902
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install agent-profile-images

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install agent-profile-images using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is Agent Profile Images?

The Agent Profile Images skill provides a robust framework for managing the visual identity of AI agents within the Openclaw Control UI. It allows developers to go beyond default icons by enabling custom image uploads and advanced AI-driven generation. By leveraging Openclaw Skills, this feature integrates a dedicated Profile Image card into the agent overview, providing a seamless interface for branding and personalizing agent personas.

Beyond simple aesthetics, this skill solves technical challenges related to state persistence. It ensures that once an avatar is assigned, it remains consistent across the chat UI, agent lists, and browser refreshes by correctly mapping the workspace IDENTITY.md files. This makes it an essential tool for developers building professional-grade agentic workflows where visual distinction and reliability are paramount.

Agent Profile Images Use Cases

  • Creating unique visual identities for different AI agents to improve dashboard navigation within Openclaw Skills.
  • Rapidly generating themed avatars (e.g., Cyberpunk, Professional, or Fantasy) using integrated OpenAI image models.
  • Uploading corporate or brand-specific logos to represent specialized service agents.
  • Fixing avatar persistence issues where images previously disappeared after a UI refresh or session reload.

How Agent Profile Images Works

  1. The user navigates to the Agents Overview panel which displays the new Profile Image management card.
  2. The user chooses to either upload a local file (PNG, JPG, WEBP, or GIF) or trigger an AI generation request.
  3. For AI generation, the user selects a theme preset and provides optional custom instructions.
  4. The system enters a preview state, allowing the user to Keep, Regenerate, or Cancel the generated image before it is saved.
  5. Upon saving, the image is written to the agent's local workspace directory under the avatars/ folder.
  6. The skill updates the IDENTITY.md file with the new avatar path, which is then broadcast across the Openclaw Skills gateway for consistent UI rendering.

Agent Profile Images Setup

To implement the Agent Profile Images functionality, ensure your environment is configured to support Openclaw Skills and OpenAI API access. Follow these steps:

  1. Copy the provided implementation files from the references folder into your local source directory.
  2. Ensure your gateway has the necessary RPC methods registered for agents.avatar.upload and agents.avatar.generate.
  3. Configure your OpenAI API key in your environment variables to enable the image generation features.
  4. Rebuild your Control UI to reflect the new Agent Overview panels:
# Navigate to your UI directory
cd ui
npm run build
# Restart your OpenClaw instance
npm start

Agent Profile Images Data Schema & Taxonomy

The skill manages data by linking physical image assets to agent metadata. This ensures portability and persistence within the Openclaw Skills framework.

Component Path/Key Description
Asset Storage avatars/ A directory within the agent workspace containing profile images.
Metadata Persistence IDENTITY.md Contains the markdown entry - Avatar: avatars/profile.png.
API Endpoints agents.avatar.upload Handles binary image data transfers to the workspace.
Image Serving /avatar/:agentId The resolved path used by the UI to fetch the current profile image.

Agent Profile Images Advanced Features

  • Interactive Preview Loop: Prevent storage clutter by previewing AI-generated images before committing them to the workspace.
  • Theme Presets: Choose from diverse styles including Sci-Fi, Noir, Space Opera, and Mascot to quickly define agent personalities.
  • Workspace Portability: Avatars are stored locally within the agent folder, making them easy to export or share as part of Openclaw Skills packages.
  • Automated Identity Reloads: Includes logic to force-refresh agent metadata whenever the visual identity is modified, preventing stale UI states.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*