Generate brand-aware motion effects in HTML surfaces with motion primitives.
npx skills add https://github.com/stromy-org/stromy-plugin --skill format-motion
Please help me install this Agent Skill. Skill: format-motion Source: https://github.com/stromy-org/stromy-plugin/tree/main/skills/format-motion Command: npx skills add https://github.com/stromy-org/stromy-plugin --skill format-motion
This Skill addresses the need for tasteful, brand-aware motion across Stromy's HTML surfaces, providing a variety of motion primitives while ensuring they are meaningful and not excessive.
To apply the 'format-motion' skill, use the command: 'activate format-motion --mode embed-live'
High-intent search queries and answers about installing and using this skill.
To add brand-aware motion effects to HTML surfaces, you generate and embed motion primitives like staggered reveal, line-draw, and scroll-reveal. This ensures animations remain tasteful and aligned with your brand guidelines without excessive movement.
Yes, you can convert HTML animations to MP4, GIF, or PNG sequences. This baking process captures the motion effects for offline use, allowing you to embed dynamic transitions into formats like PowerPoint presentations without requiring live web rendering.
The best way to use motion primitives in a PowerPoint presentation is to bake HTML animations into MP4 or GIF sequences. This approach incorporates smooth transitions without excessive animation, ensuring tasteful and brand-aware motion in offline formats.
Yes, server-side brand and quality gates are required to generate HTML animations. These gates ensure that the motion primitives applied across your surfaces remain tasteful, meaningful, and aligned with established brand awareness standards.
To activate format-motion for live embedding, use the command 'activate format-motion --mode embed-live'. This integrates motion primitives directly into your HTML surfaces, supporting dynamic content within decks or websites.
Available motion primitives for web design animations include staggered reveal, line-draw, and scroll-reveal. These primitives provide meaningful, non-excessive motion options for integrating brand-aware effects across HTML surfaces.
michaelboedingExtract a structured brand profile from a website into brand_profile.json.
ragnarokhaaCreate generative art and visualizations with p5.js and export to multiple formats.
MengToTrigger keyframed Tailwind animations when elements enter the viewport using IntersectionObserver.
mambisiAnimate pocopine components with CSS transitions, FLIP animations, and the Web Animations API.
