Visual Flow GIF

Use this skill when a user wants to turn source material into a clear animated flow diagram.

The output should include:

• A static PNG diagram.
• An animated GIF with visible motion.
• The JSON spec used to render the diagram when useful for later edits.

Workflow

1. Read the source material and identify the system.
   • Inputs, outputs, actors, modules, tools, stores, and feedback loops.
   • Main steps, decision points, shared artifacts, and arrow direction.
   • Any visual constraints from a reference image.