agent-skills

Generate JavaScript that draws hand-drawn / sketch / whiteboard-style diagrams — boxes, arrows, lines, circles and text — using the gofigure library, revealed with an animated "draw-on" effect (typically one step per click). Use this skill whenever a user wants a flowchart, block diagram, pipeline, architecture sketch, state diagram, or any boxes-and-arrows figure in a loose hand-drawn or marker look, or asks specifically for gofigure. Trigger on phrasings like "draw a diagram of X", "sketch this flow", "boxes and arrows for my pipeline", "whiteboard-style diagram", or "animate drawing this out". The output is a reusable gofigure code snippet plus an optional self-contained HTML preview.

Generate an SVG circular loop diagram — a ring with labeled arrow segments showing a repeating cycle of steps. Use this skill whenever a user asks for a loop diagram, cycle diagram, circular process visualization, or wants to show a workflow or sequence that repeats. Trigger even for casual phrasings like "make a diagram of my cycle", "show this as a loop", or "visualize these steps going in a circle". The diagram is great any time steps feed back into each other.