html-gif
CommunityTurn HTML/CSS into branded GIFs.
Authorsavinomarketing
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Converts HTML/CSS animations into lightweight branded GIFs, enabling quick, consistent visuals for social media and marketing without manual frame-by-frame editing.
Core Features & Use Cases
- Generate GIFs from HTML/CSS templates using Playwright to capture frames.
- Support demo templates from assets/templates/demo.html and customize via CSS variables.
- Optional upload to Giphy with tags and title.
Quick Start
Copy a skill template into your project, customize assets/templates/demo.html as needed, and run the capture script to generate a GIF.
Dependency Matrix
Required Modules
playwrightpillowimageionumpy
Components
scriptsassets
💻 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: html-gif Download link: https://github.com/savinomarketing/claude-skills/archive/main.zip#html-gif 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 510,000+ vetted skills library on demand.