{
  "schemaVersion": "1.0",
  "item": {
    "slug": "clawtime",
    "name": "ClawTime",
    "source": "tencent",
    "type": "skill",
    "category": "通讯协作",
    "sourceUrl": "https://clawhub.ai/youngkent/clawtime",
    "canonicalUrl": "https://clawhub.ai/youngkent/clawtime",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/clawtime",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=clawtime",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "SKILL.md"
    ],
    "primaryDoc": "SKILL.md",
    "quickSetup": [
      "Download the package from Yavira.",
      "Extract the archive and review SKILL.md first.",
      "Import or place the package into your OpenClaw setup."
    ],
    "agentAssist": {
      "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
      "steps": [
        "Download the package from Yavira.",
        "Extract it into a folder your agent can access.",
        "Paste one of the prompts below and point your agent at the extracted folder."
      ],
      "prompts": [
        {
          "label": "New install",
          "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete."
        },
        {
          "label": "Upgrade existing",
          "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run."
        }
      ]
    },
    "sourceHealth": {
      "source": "tencent",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-04-23T16:43:11.935Z",
      "expiresAt": "2026-04-30T16:43:11.935Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
        "contentDisposition": "attachment; filename=\"4claw-imageboard-1.0.1.zip\"",
        "redirectLocation": null,
        "bodySnippet": null
      },
      "scope": "source",
      "summary": "Source download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this source.",
      "primaryActionLabel": "Download for OpenClaw",
      "primaryActionHref": "/downloads/clawtime"
    },
    "validation": {
      "installChecklist": [
        "Use the Yavira download entry.",
        "Review SKILL.md after the package is downloaded.",
        "Confirm the extracted package contains the expected setup assets."
      ],
      "postInstallChecks": [
        "Confirm the extracted package includes the expected docs or setup files.",
        "Validate the skill or prompts are available in your target agent workspace.",
        "Capture any manual follow-up steps the agent could not complete."
      ]
    },
    "downloadPageUrl": "https://openagent3.xyz/downloads/clawtime",
    "agentPageUrl": "https://openagent3.xyz/skills/clawtime/agent",
    "manifestUrl": "https://openagent3.xyz/skills/clawtime/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/clawtime/agent.md"
  },
  "agentAssist": {
    "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
    "steps": [
      "Download the package from Yavira.",
      "Extract it into a folder your agent can access.",
      "Paste one of the prompts below and point your agent at the extracted folder."
    ],
    "prompts": [
      {
        "label": "New install",
        "body": "I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete."
      },
      {
        "label": "Upgrade existing",
        "body": "I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "ClawTime Skill",
        "body": "Operational reference for ClawTime — webchat interface for OpenClaw."
      },
      {
        "title": "Installation",
        "body": "For first-time setup (clone, configure, deploy), see INSTALL.md."
      },
      {
        "title": "Operations",
        "body": "# Status & logs\nsystemctl --user status clawtime\njournalctl --user -u clawtime -f\n\n# Restart after config changes  \nsystemctl --user restart clawtime\n\n# Get current tunnel URL\njournalctl --user -u clawtime-tunnel | grep trycloudflare | tail -1"
      },
      {
        "title": "Widgets",
        "body": "ClawTime supports interactive widgets for richer user interactions. Include widget markup in your response and it renders as a UI component."
      },
      {
        "title": "Widget Syntax",
        "body": "[[WIDGET:{\"widget\":\"TYPE\",\"id\":\"UNIQUE_ID\",...properties}]]\n\nThe markup is stripped from the displayed message and rendered as interactive UI."
      },
      {
        "title": "Available Widgets",
        "body": "Buttons\n\n[[WIDGET:{\"widget\":\"buttons\",\"id\":\"choice1\",\"label\":\"Pick a color:\",\"options\":[\"Red\",\"Green\",\"Blue\"]}]]\n\nlabel — Prompt text above buttons\noptions — Array of button labels\n\nConfirm\n\n[[WIDGET:{\"widget\":\"confirm\",\"id\":\"delete1\",\"title\":\"Delete file?\",\"message\":\"This cannot be undone.\"}]]\n\ntitle — Bold header text\nmessage — Description text\nRenders Cancel and Confirm buttons\n\nProgress\n\n[[WIDGET:{\"widget\":\"progress\",\"id\":\"upload1\",\"label\":\"Uploading...\",\"value\":65}]]\n\nlabel — Description text\nvalue — Progress percentage (0-100)\n\nCode\n\n[[WIDGET:{\"widget\":\"code\",\"id\":\"snippet1\",\"filename\":\"example.py\",\"code\":\"print('Hello')\",\"language\":\"python\"}]]\n\nfilename — File name in header\ncode — The code content\nlanguage — Syntax highlighting hint\nIncludes a Copy button\n\nForm\n\n[[WIDGET:{\"widget\":\"form\",\"id\":\"survey1\",\"label\":\"Quick Survey\",\"fields\":[{\"name\":\"email\",\"label\":\"Email\",\"type\":\"text\"},{\"name\":\"rating\",\"label\":\"Rating\",\"type\":\"text\"}]}]]\n\nlabel — Form title\nfields — Array of {name, label, type}\n\nDatepicker\n\n[[WIDGET:{\"widget\":\"datepicker\",\"id\":\"date1\",\"label\":\"Select date:\"}]]\n\nlabel — Prompt text"
      },
      {
        "title": "Widget Responses",
        "body": "When user interacts with a widget:\n\n[WIDGET_RESPONSE:{\"id\":\"choice1\",\"widget\":\"buttons\",\"value\":\"Red\",\"action\":\"submit\"}]"
      },
      {
        "title": "Best Practices",
        "body": "Always use unique IDs — Each widget needs a distinct id\nKeep options concise — Button labels should be short\nUse widgets for structured input — Better than \"type 1, 2, or 3\"\nAcknowledge responses — Confirm what the user selected"
      },
      {
        "title": "Task Panel",
        "body": "ClawTime includes a task panel for tracking work. Use this as your canonical task list."
      },
      {
        "title": "File Format",
        "body": "Tasks stored at ~/.clawtime/tasks.json in markdown format:\n\n# Tasks\n\n## Active\n- 🟡 Task you're working on right now\n\n## Blocked\n- ⏳ Task waiting on someone else\n\n## Backlog\n- Task to do later\n\n## Done\n- ✅ Completed task"
      },
      {
        "title": "Section Meanings",
        "body": "SectionMeaningActiveCurrently working on — doing NOWBlockedWaiting for input/dependencyBacklogWill work on laterDoneCompleted (hidden in UI)"
      },
      {
        "title": "Task Icons",
        "body": "IconMeaning🟡Active/pending⏳Blocked/waiting✅Completed- [x]Also marks done"
      },
      {
        "title": "Avatar Creation",
        "body": "ClawTime uses Three.js voxel avatars — 3D characters built from simple shapes that animate based on state."
      },
      {
        "title": "Avatar Template",
        "body": "Create at ~/.clawtime/avatars/<name>.js:\n\n/* AVATAR_META {\"name\":\"MyAgent\",\"emoji\":\"🤖\",\"description\":\"Custom 3D avatar\",\"color\":\"4f46e5\"} */\n(function() {\n  'use strict';\n  \n  var scene, camera, renderer, character;\n  var head, leftEye, rightEye, mouth;\n  var clock = new THREE.Clock();\n  var currentState = 'idle';\n  var isInitialized = false;\n\n  // ─── Required: Initialize the 3D scene ───\n  window.initAvatarScene = function() {\n    if (isInitialized) return;\n    \n    var container = document.getElementById('avatarCanvas');\n    if (!container) return;\n    \n    scene = new THREE.Scene();\n    scene.background = new THREE.Color(0x0f1318);\n    \n    var w = container.clientWidth, h = container.clientHeight;\n    camera = new THREE.PerspectiveCamera(40, w / h, 0.1, 100);\n    camera.position.set(0, 2, 8);\n    camera.lookAt(0, 0, 0);\n    \n    renderer = new THREE.WebGLRenderer({ antialias: true });\n    renderer.setSize(w, h);\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n    container.appendChild(renderer.domElement);\n    \n    // Lighting\n    scene.add(new THREE.AmbientLight(0x606080, 1.5));\n    var light = new THREE.DirectionalLight(0xffffff, 2.0);\n    light.position.set(4, 10, 6);\n    scene.add(light);\n    \n    // Build your character\n    character = new THREE.Group();\n    buildCharacter();\n    scene.add(character);\n    \n    isInitialized = true;\n    animate();\n  };\n  \n  function buildCharacter() {\n    var bodyMat = new THREE.MeshLambertMaterial({ color: 0x4f46e5 });\n    var body = new THREE.Mesh(new THREE.BoxGeometry(1.5, 2, 1), bodyMat);\n    body.position.y = 0;\n    character.add(body);\n    \n    var headMat = new THREE.MeshLambertMaterial({ color: 0x4f46e5 });\n    head = new THREE.Mesh(new THREE.BoxGeometry(1.2, 1.2, 1), headMat);\n    head.position.y = 1.8;\n    character.add(head);\n    \n    var eyeMat = new THREE.MeshBasicMaterial({ color: 0xffffff });\n    leftEye = new THREE.Mesh(new THREE.SphereGeometry(0.15), eyeMat);\n    leftEye.position.set(-0.25, 1.9, 0.5);\n    character.add(leftEye);\n    \n    rightEye = new THREE.Mesh(new THREE.SphereGeometry(0.15), eyeMat);\n    rightEye.position.set(0.25, 1.9, 0.5);\n    character.add(rightEye);\n    \n    var pupilMat = new THREE.MeshBasicMaterial({ color: 0x000000 });\n    mouth = new THREE.Mesh(new THREE.BoxGeometry(0.4, 0.1, 0.1), pupilMat);\n    mouth.position.set(0, 1.5, 0.5);\n    character.add(mouth);\n  }\n  \n  function animate() {\n    requestAnimationFrame(animate);\n    var t = clock.getElapsedTime();\n    \n    if (character) {\n      character.position.y = Math.sin(t * 2) * 0.05;\n    }\n    \n    if (currentState === 'thinking') {\n      head.rotation.z = Math.sin(t * 3) * 0.1;\n    } else if (currentState === 'talking') {\n      mouth.scale.y = 1 + Math.sin(t * 15) * 0.5;\n    } else {\n      head.rotation.z = 0;\n      mouth.scale.y = 1;\n    }\n    \n    renderer.render(scene, camera);\n  }\n  \n  // ─── Required: Handle state changes ───\n  window.setAvatarState = function(state) {\n    currentState = state;\n  };\n  \n  // ─── Required: Handle connection state ───\n  window.setConnectionState = function(state) {\n    // state: 'online', 'connecting', 'offline'\n  };\n  \n  // ─── Required: Handle resize ───\n  window.adjustAvatarCamera = function() {\n    if (!renderer) return;\n    var container = document.getElementById('avatarCanvas');\n    var w = container.clientWidth, h = container.clientHeight;\n    camera.aspect = w / h;\n    camera.updateProjectionMatrix();\n    renderer.setSize(w, h);\n  };\n})();"
      },
      {
        "title": "Set as Default",
        "body": "Create/update ~/.clawtime/config.json:\n\n{\n  \"selectedAvatar\": \"<name>\"\n}"
      },
      {
        "title": "Avatar States",
        "body": "Each state should be visually distinct with unique activities and indicators. Users should immediately recognize which state the avatar is in.\n\nStatePurposeDesign IdeasidleDefault, waitingBreathing, looking around, show-off poses, occasional blinkthinkingProcessing requestHead tilt, eyes up, thought bubble (❓), tapping foot/wingtalkingDelivering responseMouth animation, speech bubble, music notes (🎵), gesturinglisteningUser is speakingLeaning forward, BIG attentive eyes, ears/crest perkedworkingExtended taskLaptop/tools visible, typing motion, focused squinthappyPositive outcomeBouncing, hearts (❤️), squinty smile eyes (^_^), waggingcelebratingMajor successJumping, spinning, confetti (⭐), maximum energysleepingInactive/idle timeoutEyes closed, Z's floating (💤), curled up, slow breathingerrorSomething went wrongShaking, exclamation (❗), ruffled, sweat drop, red tintreflectingThoughtful momentLight bulb (💡), gazing upward, calm pose, one hand raised"
      },
      {
        "title": "State Design Principles",
        "body": "Visual indicators matter — Add floating symbols (❓❤️💡❗💤⭐) that appear per-state\nBody language is key — Each state needs distinct posture, movement speed, and energy level\nEyes tell the story — Big/small, open/closed, squinty/wide, pupil direction\nMovement rhythm varies — Fast/bouncy for happy, slow/gentle for sleeping, shaky for error\nProps add clarity — Laptop for working, floating Z's for sleeping, confetti for celebrating\nThink like a character animator — What would a Pixar character do in this state?"
      },
      {
        "title": "Creative Examples",
        "body": "Parrot avatar:\n\nthinking → Scratches head with foot, question mark floats\ntalking → Beak opens/closes, music notes float up\nerror → Feathers fly off, squawking pose, wings spread in alarm\ncelebrating → Full party parrot spin, confetti everywhere\n\nSalamander avatar:\n\nthinking → Flames pulse brighter, one foot taps\nsleeping → Flames become tiny embers, curled up\nerror → Flames turn red, whole body shakes\nreflecting → Light bulb appears, one paw raised thoughtfully"
      },
      {
        "title": "Avatar Design Tips",
        "body": "Study ~/.clawtime/avatars/ for full-featured examples with all states\nUse voxel style (boxes, spheres) — matches ClawTime aesthetic\nImplement all states with distinct visuals — don't make states look similar\nAdd connection status indicator (ring/glow on platform)\nTest on desktop and mobile\nKeep polygon count reasonable for mobile performance\nHide/show indicator objects per-state (don't create/destroy every frame)"
      },
      {
        "title": "Key Files",
        "body": "PathPurpose~/.clawtime/.envSecrets & config~/.clawtime/config.jsonAvatar selection, preferences~/.clawtime/credentials.jsonPasskey data~/.clawtime/sessions.jsonActive sessions~/.clawtime/avatars/Custom avatars~/.clawtime/tasks.jsonTask list"
      },
      {
        "title": "Troubleshooting",
        "body": "See INSTALL.md → Troubleshooting for common issues."
      }
    ],
    "body": "ClawTime Skill\n\nOperational reference for ClawTime — webchat interface for OpenClaw.\n\nInstallation\n\nFor first-time setup (clone, configure, deploy), see INSTALL.md.\n\nOperations\n# Status & logs\nsystemctl --user status clawtime\njournalctl --user -u clawtime -f\n\n# Restart after config changes  \nsystemctl --user restart clawtime\n\n# Get current tunnel URL\njournalctl --user -u clawtime-tunnel | grep trycloudflare | tail -1\n\nWidgets\n\nClawTime supports interactive widgets for richer user interactions. Include widget markup in your response and it renders as a UI component.\n\nWidget Syntax\n[[WIDGET:{\"widget\":\"TYPE\",\"id\":\"UNIQUE_ID\",...properties}]]\n\n\nThe markup is stripped from the displayed message and rendered as interactive UI.\n\nAvailable Widgets\nButtons\n[[WIDGET:{\"widget\":\"buttons\",\"id\":\"choice1\",\"label\":\"Pick a color:\",\"options\":[\"Red\",\"Green\",\"Blue\"]}]]\n\nlabel — Prompt text above buttons\noptions — Array of button labels\nConfirm\n[[WIDGET:{\"widget\":\"confirm\",\"id\":\"delete1\",\"title\":\"Delete file?\",\"message\":\"This cannot be undone.\"}]]\n\ntitle — Bold header text\nmessage — Description text\nRenders Cancel and Confirm buttons\nProgress\n[[WIDGET:{\"widget\":\"progress\",\"id\":\"upload1\",\"label\":\"Uploading...\",\"value\":65}]]\n\nlabel — Description text\nvalue — Progress percentage (0-100)\nCode\n[[WIDGET:{\"widget\":\"code\",\"id\":\"snippet1\",\"filename\":\"example.py\",\"code\":\"print('Hello')\",\"language\":\"python\"}]]\n\nfilename — File name in header\ncode — The code content\nlanguage — Syntax highlighting hint\nIncludes a Copy button\nForm\n[[WIDGET:{\"widget\":\"form\",\"id\":\"survey1\",\"label\":\"Quick Survey\",\"fields\":[{\"name\":\"email\",\"label\":\"Email\",\"type\":\"text\"},{\"name\":\"rating\",\"label\":\"Rating\",\"type\":\"text\"}]}]]\n\nlabel — Form title\nfields — Array of {name, label, type}\nDatepicker\n[[WIDGET:{\"widget\":\"datepicker\",\"id\":\"date1\",\"label\":\"Select date:\"}]]\n\nlabel — Prompt text\nWidget Responses\n\nWhen user interacts with a widget:\n\n[WIDGET_RESPONSE:{\"id\":\"choice1\",\"widget\":\"buttons\",\"value\":\"Red\",\"action\":\"submit\"}]\n\nBest Practices\nAlways use unique IDs — Each widget needs a distinct id\nKeep options concise — Button labels should be short\nUse widgets for structured input — Better than \"type 1, 2, or 3\"\nAcknowledge responses — Confirm what the user selected\nTask Panel\n\nClawTime includes a task panel for tracking work. Use this as your canonical task list.\n\nFile Format\n\nTasks stored at ~/.clawtime/tasks.json in markdown format:\n\n# Tasks\n\n## Active\n- 🟡 Task you're working on right now\n\n## Blocked\n- ⏳ Task waiting on someone else\n\n## Backlog\n- Task to do later\n\n## Done\n- ✅ Completed task\n\nSection Meanings\nSection\tMeaning\nActive\tCurrently working on — doing NOW\nBlocked\tWaiting for input/dependency\nBacklog\tWill work on later\nDone\tCompleted (hidden in UI)\nTask Icons\nIcon\tMeaning\n🟡\tActive/pending\n⏳\tBlocked/waiting\n✅\tCompleted\n- [x]\tAlso marks done\nAvatar Creation\n\nClawTime uses Three.js voxel avatars — 3D characters built from simple shapes that animate based on state.\n\nAvatar Template\n\nCreate at ~/.clawtime/avatars/<name>.js:\n\n/* AVATAR_META {\"name\":\"MyAgent\",\"emoji\":\"🤖\",\"description\":\"Custom 3D avatar\",\"color\":\"4f46e5\"} */\n(function() {\n  'use strict';\n  \n  var scene, camera, renderer, character;\n  var head, leftEye, rightEye, mouth;\n  var clock = new THREE.Clock();\n  var currentState = 'idle';\n  var isInitialized = false;\n\n  // ─── Required: Initialize the 3D scene ───\n  window.initAvatarScene = function() {\n    if (isInitialized) return;\n    \n    var container = document.getElementById('avatarCanvas');\n    if (!container) return;\n    \n    scene = new THREE.Scene();\n    scene.background = new THREE.Color(0x0f1318);\n    \n    var w = container.clientWidth, h = container.clientHeight;\n    camera = new THREE.PerspectiveCamera(40, w / h, 0.1, 100);\n    camera.position.set(0, 2, 8);\n    camera.lookAt(0, 0, 0);\n    \n    renderer = new THREE.WebGLRenderer({ antialias: true });\n    renderer.setSize(w, h);\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n    container.appendChild(renderer.domElement);\n    \n    // Lighting\n    scene.add(new THREE.AmbientLight(0x606080, 1.5));\n    var light = new THREE.DirectionalLight(0xffffff, 2.0);\n    light.position.set(4, 10, 6);\n    scene.add(light);\n    \n    // Build your character\n    character = new THREE.Group();\n    buildCharacter();\n    scene.add(character);\n    \n    isInitialized = true;\n    animate();\n  };\n  \n  function buildCharacter() {\n    var bodyMat = new THREE.MeshLambertMaterial({ color: 0x4f46e5 });\n    var body = new THREE.Mesh(new THREE.BoxGeometry(1.5, 2, 1), bodyMat);\n    body.position.y = 0;\n    character.add(body);\n    \n    var headMat = new THREE.MeshLambertMaterial({ color: 0x4f46e5 });\n    head = new THREE.Mesh(new THREE.BoxGeometry(1.2, 1.2, 1), headMat);\n    head.position.y = 1.8;\n    character.add(head);\n    \n    var eyeMat = new THREE.MeshBasicMaterial({ color: 0xffffff });\n    leftEye = new THREE.Mesh(new THREE.SphereGeometry(0.15), eyeMat);\n    leftEye.position.set(-0.25, 1.9, 0.5);\n    character.add(leftEye);\n    \n    rightEye = new THREE.Mesh(new THREE.SphereGeometry(0.15), eyeMat);\n    rightEye.position.set(0.25, 1.9, 0.5);\n    character.add(rightEye);\n    \n    var pupilMat = new THREE.MeshBasicMaterial({ color: 0x000000 });\n    mouth = new THREE.Mesh(new THREE.BoxGeometry(0.4, 0.1, 0.1), pupilMat);\n    mouth.position.set(0, 1.5, 0.5);\n    character.add(mouth);\n  }\n  \n  function animate() {\n    requestAnimationFrame(animate);\n    var t = clock.getElapsedTime();\n    \n    if (character) {\n      character.position.y = Math.sin(t * 2) * 0.05;\n    }\n    \n    if (currentState === 'thinking') {\n      head.rotation.z = Math.sin(t * 3) * 0.1;\n    } else if (currentState === 'talking') {\n      mouth.scale.y = 1 + Math.sin(t * 15) * 0.5;\n    } else {\n      head.rotation.z = 0;\n      mouth.scale.y = 1;\n    }\n    \n    renderer.render(scene, camera);\n  }\n  \n  // ─── Required: Handle state changes ───\n  window.setAvatarState = function(state) {\n    currentState = state;\n  };\n  \n  // ─── Required: Handle connection state ───\n  window.setConnectionState = function(state) {\n    // state: 'online', 'connecting', 'offline'\n  };\n  \n  // ─── Required: Handle resize ───\n  window.adjustAvatarCamera = function() {\n    if (!renderer) return;\n    var container = document.getElementById('avatarCanvas');\n    var w = container.clientWidth, h = container.clientHeight;\n    camera.aspect = w / h;\n    camera.updateProjectionMatrix();\n    renderer.setSize(w, h);\n  };\n})();\n\nSet as Default\n\nCreate/update ~/.clawtime/config.json:\n\n{\n  \"selectedAvatar\": \"<name>\"\n}\n\nAvatar States\n\nEach state should be visually distinct with unique activities and indicators. Users should immediately recognize which state the avatar is in.\n\nState\tPurpose\tDesign Ideas\nidle\tDefault, waiting\tBreathing, looking around, show-off poses, occasional blink\nthinking\tProcessing request\tHead tilt, eyes up, thought bubble (❓), tapping foot/wing\ntalking\tDelivering response\tMouth animation, speech bubble, music notes (🎵), gesturing\nlistening\tUser is speaking\tLeaning forward, BIG attentive eyes, ears/crest perked\nworking\tExtended task\tLaptop/tools visible, typing motion, focused squint\nhappy\tPositive outcome\tBouncing, hearts (❤️), squinty smile eyes (^_^), wagging\ncelebrating\tMajor success\tJumping, spinning, confetti (⭐), maximum energy\nsleeping\tInactive/idle timeout\tEyes closed, Z's floating (💤), curled up, slow breathing\nerror\tSomething went wrong\tShaking, exclamation (❗), ruffled, sweat drop, red tint\nreflecting\tThoughtful moment\tLight bulb (💡), gazing upward, calm pose, one hand raised\nState Design Principles\nVisual indicators matter — Add floating symbols (❓❤️💡❗💤⭐) that appear per-state\nBody language is key — Each state needs distinct posture, movement speed, and energy level\nEyes tell the story — Big/small, open/closed, squinty/wide, pupil direction\nMovement rhythm varies — Fast/bouncy for happy, slow/gentle for sleeping, shaky for error\nProps add clarity — Laptop for working, floating Z's for sleeping, confetti for celebrating\nThink like a character animator — What would a Pixar character do in this state?\nCreative Examples\n\nParrot avatar:\n\nthinking → Scratches head with foot, question mark floats\ntalking → Beak opens/closes, music notes float up\nerror → Feathers fly off, squawking pose, wings spread in alarm\ncelebrating → Full party parrot spin, confetti everywhere\n\nSalamander avatar:\n\nthinking → Flames pulse brighter, one foot taps\nsleeping → Flames become tiny embers, curled up\nerror → Flames turn red, whole body shakes\nreflecting → Light bulb appears, one paw raised thoughtfully\nAvatar Design Tips\nStudy ~/.clawtime/avatars/ for full-featured examples with all states\nUse voxel style (boxes, spheres) — matches ClawTime aesthetic\nImplement all states with distinct visuals — don't make states look similar\nAdd connection status indicator (ring/glow on platform)\nTest on desktop and mobile\nKeep polygon count reasonable for mobile performance\nHide/show indicator objects per-state (don't create/destroy every frame)\nKey Files\nPath\tPurpose\n~/.clawtime/.env\tSecrets & config\n~/.clawtime/config.json\tAvatar selection, preferences\n~/.clawtime/credentials.json\tPasskey data\n~/.clawtime/sessions.json\tActive sessions\n~/.clawtime/avatars/\tCustom avatars\n~/.clawtime/tasks.json\tTask list\nTroubleshooting\n\nSee INSTALL.md → Troubleshooting for common issues."
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/youngkent/clawtime",
    "publisherUrl": "https://clawhub.ai/youngkent/clawtime",
    "owner": "youngkent",
    "version": "1.0.1",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/clawtime",
    "downloadUrl": "https://openagent3.xyz/downloads/clawtime",
    "agentUrl": "https://openagent3.xyz/skills/clawtime/agent",
    "manifestUrl": "https://openagent3.xyz/skills/clawtime/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/clawtime/agent.md"
  }
}