Generate images and videos from React JSX templates with Tailwind styling.
npx skills add https://github.com/Wanli-Lee/CUA-Claw-Harness --skill loopwind-wanli-lee
Please help me install this Agent Skill. Skill: loopwind Source: https://github.com/Wanli-Lee/CUA-Claw-Harness/tree/main/skills/5/loopwind Command: npx skills add https://github.com/Wanli-Lee/CUA-Claw-Harness --skill loopwind-wanli-lee
loopwind solves the problem of manually creating styled social graphics and animated content by letting you generate images and videos directly from reusable React + Tailwind templates.
loopwind init to store design tokens in a .loopwind/loopwind.json file alongside your codebase.Initialize a template project and generate an animated intro video by telling your AI to run loopwind render for template video-intro with a JSON props object containing a title.
High-intent search queries and answers about installing and using this skill.
You can generate images and videos from React templates by authoring JSX templates with Tailwind styling and rendering them using Satori. This approach allows you to pass inline JSON props to produce PNG, JPEG, SVG, or MP4 outputs.
Yes, you can use Tailwind-style animation classes to create animated video intros. The rendering process supports consistent millisecond-based enter, exit, and loop utilities specifically for producing video and GIF animations.
Automating OG image generation using JSX involves defining a reusable React template and passing structured JSON props during the render command. This allows you to consistently produce styled social graphics without manual design intervention.
Yes, rendering banners requires a local `.loopwind/` configuration directory. You must initialize your project to store design tokens and template directories before executing the render command with your props file.
Yes, AI agents can author and render React templates automatically. The workflow guides agents to apply animation classes, structure template definitions, and execute the final rendering from a prompt and structured JSON props.
To validate JSX templates before rendering a video, you can optionally run template validation commands provided by the rendering tool. This ensures your template definition and animation classes are correct before generating the MP4 output.
kuse-aiGenerate production-ready websites from design-system inputs using Tailwind CSS templates.
flaz78Create and render Remotion videos into MP4 files from local project files.
praveenpereraConverts JSX/React components into SVG diagrams and OG images.
robertbr123Generate animated video compositions from HTML with GSAP timelines and FFmpeg.