loopwind
Generates images and videos from React and Tailwind CSS templates using the loopwind CLI for optimized media creation.
Install this skill
Security score
The loopwind skill was audited on May 20, 2026 and we found 30 security issues across 4 threat categories, including 3 high-severity. Review the findings below before installing.
Categories Tested
Security Issues
Template literal with variable interpolation in command context
| 1423 | style={tw(`ease-out enter-fade-in-up/${start}/${duration}`)} |
Template literal with variable interpolation in command context
| 1471 | style={tw(`text-4xl font-bold ease-out enter-fade-in-up/${i * 100}/200`)} |
Template literal with variable interpolation in command context
| 1543 | color: `hsl(${hue}, 70%, 60%)`, |
Template literal with variable interpolation in command context
| 1544 | transform: `scale(${pulse})` |
Template literal with variable interpolation in command context
| 1568 | transform: `scale(${scale})` |
Template literal with variable interpolation in command context
| 1592 | transform: `translateY(${(1 - elastic) * 100}px)` |
Template literal with variable interpolation in command context
| 1644 | transform: `translate(-50%, -50%) rotate(${rocket.angle}deg)`, |
Template literal with variable interpolation in command context
| 1740 | ...tw(`enter-fade-in/${staggerDelay}/300 enter-scale-100/${staggerDelay}/300`) |
Template literal with variable interpolation in command context
| 1782 | ...tw(`ease-out enter-bounce-in-up/${i * 80}/500`) |
Template literal with variable interpolation in command context
| 1812 | transform: `${char.props.style.transform} translateY(${Math.sin((i + frame) / 5) * 10}px)` |
Template literal with variable interpolation in command context
| 1829 | 6. **Preserve the original transform** when adding animations: `transform: '${char.props.style.transform} ...'` |
Template literal with variable interpolation in command context
| 1893 | - Combine rotation with the translate: `translate(-50%, -50%) rotate(${angle}deg)` |
Template literal with variable interpolation in command context
| 2653 | ```tsx |
Piping content to bash shell
| 19 | curl -fsSL https://loopwind.dev/install.sh | bash |
Curl to non-GitHub URL
| 19 | curl -fsSL https://loopwind.dev/install.sh | bash |
Access to hidden dotfiles in home directory
| 22 | This installs loopwind to `~/.loopwind/` and adds the `loopwind` command to your PATH. Requires Node.js 18+. |
External URL reference
| 19 | curl -fsSL https://loopwind.dev/install.sh | bash |
External URL reference
| 39 | npx skills add https://loopwind.dev/skill.md |
External URL reference
| 202 | loopwind add https://example.com/templates/my-template.json |
External URL reference
| 700 | : 'https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1200'; |
External URL reference
| 760 | "background": "https://example.com/image.jpg" |
External URL reference
| 1358 | 2. **Custom `ease-spring/mass/stiffness/damping`** - Generates a physics-based spring curve using the [damped harmonic oscillator](https://www.kvin.me/css-springs) formula |
External URL reference
| 2221 | "url": "https://example.com" |
External URL reference
| 2231 | <img src={qr('https://example.com')} /> |
External URL reference
| 2234 | <img src={qr('https://example.com', { errorCorrectionLevel: 'H' })} /> |
External URL reference
| 2237 | <img src={qr('https://example.com', { width: 512 })} /> |
External URL reference
| 3149 | "path": "https://unpkg.com/@fontsource/[email protected]/files/inter-latin-400-normal.woff", |
External URL reference
| 3153 | "path": "https://unpkg.com/@fontsource/[email protected]/files/inter-latin-700-normal.woff", |
External URL reference
| 3172 | "path": "https://unpkg.com/@fontsource/[email protected]/files/inter-latin-700-normal.woff", |
External URL reference
| 3330 | "path": "https://unpkg.com/@fontsource/[email protected]/files/inter-latin-400-normal.woff", |