LogoClawIndex
CasesSkillsAbout
LogoClawIndex

animated-sketch-diagram - Generate animated sketch architecture and flow diagrams

Creates animated sketch-style architecture and workflow diagrams as self-contained HTML files and renders seamless looping GIFs.

Tags

Updated: 2026-09-19

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Plan diagram layout
  • Create animated HTML diagrams
  • Design SVG doodle icons
  • Render looping GIF animations
  • Inspect and refine diagram quality

Inputs

  • User diagram topic or architecture specification
  • Icon source preference

Outputs

  • Self-contained HTML file
  • Seamless looping GIF file

Requirements

  • Node.js runtime environment
  • Chrome or Chromium browser
  • ffmpeg tool

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.
diagram
architecture
flowchart
animation
gif
svg
sketch
Plan diagram layout
Create animated HTML diagrams
Design SVG doodle icons
Render looping GIF animations
User diagram topic or architecture specification
Icon source preference
Self-contained HTML file
Seamless looping GIF file