Skip to content

drawing-animated-diagrams

Animation · Free to use

Description
Creates SVG diagrams for React that draw themselves when they enter the screen, in ink and grey.
Benefits
  • One idea per diagram, drawn in reading order
  • Same parts and same motion in every diagram
Result
An animated diagram that explains a process.
marcus-clay/design-skillsMIT license

Install

curl -L -o drawing-animated-diagrams.zip https://github.com/marcus-clay/design-skills/releases/latest/download/drawing-animated-diagrams.zip && unzip -o drawing-animated-diagrams.zip -d ~/.claude/skills

Paste the command in a terminal. In a new session, type /skills to check that the skill is listed.

In the same theme

impeccable

Provides commands to guide and check the design of an interface, such as audit, critique and polish.

ui-skills

Checks and fixes an interface: visual baseline, accessibility, metadata, animation performance.

prototype-anime

Plays a journey of screens as a film, on mobile or desktop, with finger or cursor, typing and camera.

All the skills