svg-hand-drawn-preview

Installation
SKILL.md

SVG Hand-Drawn Preview

Use this skill when the task is to turn an SVG into a hand-drawn animation deliverable.

Default operating mode:

  • The agent should generate the output files directly for the user.
  • Do not require the user to run Python, Node, or any local build step unless they explicitly ask for a self-serve generator.

Default output:

  • A standalone preview.html file that can be opened directly in the browser
  • A reusable player.js file for embedding into another web page

Optional side outputs:

  • animated.svg
  • animation-plan.json
  • an embed demo page when the user wants component-style integration

Keep this skill independent from any project-specific demo page unless the user explicitly asks to integrate into an existing file.

Installs
4
GitHub Stars
205
First Seen
Apr 14, 2026