squiggle-draw-on
OfficialAnimate SVG lines with hand-drawn feel, ideal for visual accents.
Authorgooseworks-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the need for a motion-graphics primitive that provides a hand-drawn feel to SVG lines, which is essential for visual accents and decorative elements in animations.
Core Features & Use Cases
- Hand-Drawn Animation: Creates SVG lines with an organic, hand-drawn look through jittered paths.
- Customizable Line Properties: Adjust stroke color, width, and control points for precise visual results.
- Animation Control: Configure the animation speed and easing to fit the overall motion design.
- Use Case: Use this Skill to animate underlines, callouts, or motion-line trails in a video, enhancing the design with a personalized, human touch.
Quick Start
Animate an underline under the header 'Welcome to our product' using the 'squiggle-draw-on' skill with the following parameters.
Dependency Matrix
Required Modules
reactuseCurrentFrameinterpolate
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: squiggle-draw-on Download link: https://github.com/gooseworks-ai/gooseworks-ads-skills/archive/main.zip#squiggle-draw-on Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.