format-motion

Name: format-motion
Availability: InStock
Author: Stromy

Generate brand-aware motion effects in HTML surfaces with motion primitives.

Updated Jun 3, 2026

Search Tags:#web design #brand awareness #motion effects #animation tools #HTML animations

Ready to run

npx skills add https://github.com/stromy-org/stromy-plugin --skill format-motion

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

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.

Core Features & Use Cases

Embed Live: Integrate motion primitives into decks or websites for dynamic content.
Bake: Convert HTML animations into MP4/GIF/PNG sequences for offline use.
Use Case: Create a PowerPoint presentation that incorporates smooth motion transitions without excessive animation.

Quick Start

To apply the 'format-motion' skill, use the command: 'activate format-motion --mode embed-live'

Frequently Asked Questions about format-motion

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add brand-aware motion effects to HTML surfaces?▼

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.

Can I convert HTML animations to MP4 or GIF sequences?▼

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.

What is the best way to use motion primitives in a PowerPoint presentation?▼

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.

Do I need server-side brand gates to create HTML animations?▼

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.

How do I activate format-motion for live embedding?▼

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.

What types of motion primitives can I use for web design animations?▼

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.