Agent Skills
loopwind is designed to work with AI coding assistants. Install the loopwind skill to give your AI agent expertise in creating and rendering templates.
Install the Skill
npx skills add https://loopwind.dev/skill.md
This installs a dynamically generated SKILL.md that teaches your AI agent:
- How to create image and video templates
- Animation classes for videos (
enter-fade-in,loop-ping, etc.) - Template helpers (
tw,qr,image,template) - Best practices for template structure
Works with Claude Code, OpenAI Codex, and any agent that supports skills.
With the skill installed, just ask:
Create a video intro template with animated title and subtitle
The agent will create a proper template with correct meta exports, animation classes, and render it for you.
Example Workflows
Image Generation
Prompt:
Create a social media card using the og-image template:
- Title: "10 React Tips"
- Description: "Learn advanced patterns"
AI generates:
loopwind render og-image '{"title":"10 React Tips","description":"Learn advanced patterns"}'
Output: og-image.png
Video with Animations
Prompt:
Create an intro video with:
- Title that fades in
- Subtitle that fades in after the title
- A pulsing indicator dot
AI generates a template with:
<h1 style={tw('enter-fade-in/0/800')}>Welcome</h1>
<p style={tw('enter-fade-in/400/800')}>To my channel</p>
<div style={tw('loop-ping/500')} />