skills.rest
swarm-agent
swarm-agentCOMMUNITY
Explore all skills by this author →
GitHub

tool-animation

Create SolidJS animation components for swarm-cli TUI tool execution.

2|Updated Jun 8, 2026
Search Tags:#animation#terminal UI#tool-animation#swarm-cli#spinner#SolidJS
Ready to run
npx skills add https://github.com/swarm-agent/swarm --skill tool-animation
💬 Prompt for ChatGPT / Claude Chat▼
Please help me install this Agent Skill.
Skill: tool-animation
Source: https://github.com/swarm-agent/swarm/tree/main/.swarm/skills/tool-animation
Command: npx skills add https://github.com/swarm-agent/swarm --skill tool-animation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables custom, visually engaging tool animations in the swarm-cli TUI, providing immediate feedback during tool execution and improving perceived performance.

Core Features & Use Cases

  • Animation Components: Create SolidJS components with animated spinners and icons that reflect tool state.
  • Tool Registration: Map tools to their animation components via ToolRegistry for consistent visuals.
  • Spinner Definitions: Optional presets for common animation styles to reuse across tools.

Quick Start

  • Create your animation component in tool-animations.tsx following the pattern in the guide.
  • Register your tool in session/index.tsx to render the new animation.
  • Optionally add a spinner mapping in tool-spinner-map.ts to apply a preset.