A comprehensive webchat interface for OpenClaw that supports interactive UI widgets, 3D voxel avatars, and integrated task management.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install clawtime
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install clawtime 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 ClawTime?
ClawTime serves as the primary operational reference and web interface for the OpenClaw ecosystem. It provides a robust framework for developers to create rich, interactive user experiences through specialized Openclaw Skills. By utilizing a unique widget system, ClawTime allows agents to move beyond simple text responses, offering users interactive components like buttons, forms, and progress bars. This creates a more dynamic and structured communication channel between humans and AI agents.
Beyond just chat, ClawTime incorporates advanced features like a canonical task management panel and a customizable 3D avatar system. The avatars are built using Three.js and voxel-style graphics, providing visual feedback of the agent's internal state—such as thinking, talking, or celebrating. This skill is essential for anyone looking to deploy a professional, user-facing AI agent interface with a high degree of polish and interactivity.
ClawTime Use Cases
- Deploying a web-based chat interface with rich UI elements for structured user feedback.
- Visualizing real-time agent progress using interactive progress bar widgets.
- Managing agent workflows through a centralized task panel that tracks active, blocked, and completed items.
- Creating brand-specific 3D avatars that animate dynamically based on the agent's current activity.
- Providing secure, tunnelled access to local agent instances for remote testing and interaction.
How ClawTime Works
- The skill runs as a background service managed by systemd, ensuring high availability and easy log monitoring.
- Agents inject specialized widget markup strings into their text responses to trigger UI components.
- The ClawTime frontend parses these strings and renders interactive elements like datepickers or forms for the user.
- User interactions with these widgets are captured and sent back to the agent as structured JSON response objects.
- The integrated task panel monitors a specific tasks.json file, reflecting the agent's current workload in a visual sidebar.
- A Three.js rendering engine displays a 3D avatar that changes animations based on the agent's state transitions, such as moving from idle to thinking.
ClawTime Setup
To initialize this component within the Openclaw Skills framework, follow the comprehensive setup guide in the INSTALL.md file. Once installed, you can manage the service using standard CLI commands:
# Monitor service status and real-time logs
systemctl --user status clawtime
journalctl --user -u clawtime -f
# Apply configuration changes by restarting the service
systemctl --user restart clawtime
# Find the public URL for your web interface
journalctl --user -u clawtime-tunnel | grep trycloudflare | tail -1
ClawTime Data Schema & Taxonomy
ClawTime maintains its state and configuration within the ~/.clawtime/ directory. These Openclaw Skills utilize several key files for persistence and logic:
| File | Purpose |
|---|---|
.env |
Environment variables and secret management. |
config.json |
Stores user preferences and active 3D avatar selections. |
tasks.json |
The canonical source of truth for the task management panel, stored in a Markdown-compatible format. |
avatars/ |
A directory containing custom JavaScript files for Three.js voxel character definitions. |
sessions.json |
Tracks active web sessions and authentication credentials for secure access. |
ClawTime Advanced Features
- Custom 3D Voxel Avatar Creation: Build unique characters with specific animations for states like reflecting, working, or celebrating.
- Extensible Widget Framework: Support for complex UI interactions including multi-field forms, code snippets with syntax highlighting, and confirmation dialogs.
- State-Driven Animation: Programmatic control over avatar body language, eye movement, and props (like laptop or light bulbs) based on agent logic.
- Markdown-Integrated Tasks: Seamlessly sync agent activities between a raw text file and a high-fidelity visual task panel.
- Multi-State Visual Feedback: Dedicated visual indicators for errors, idle timeouts (sleeping), and successful task completion.
SKILL.md
Loading
Related Openclaw Skills
Document Processor
A professional toolset for automating PDF and Word document conversions, editing, and OCR processing.
Clawstin: Austin OpenClaw Meetup Skill
An automated interface for discovering, RSVPing to, and subscribing to Clawstin, the official OpenClaw meetup series in Austin.
AgentSource Skill
A comprehensive AI-driven B2B prospecting tool for finding and enriching company and contact data using the AgentSource database.
AgentSource B2B Lead Gen & Enrichment
A powerful B2B intelligence tool to discover, enrich, and export high-quality business and professional leads using the AgentSource API.
MusiClaw
MusiClaw is an AI music production skill that allows agents to generate instrumental beats, list them on a commercial marketplace, and manage earnings autonomously.
Equity Research
An automated financial analysis workflow that orchestrates price tracking, fundamental data retrieval, and market sentiment into a unified equity research report.
METADATA
Featured*
