Getting Started
What You Can Generate Reliably
JavaScript syntax defines the set of rules for writing valid JavaScript code. It consists of statements, expressions, operators, and control structures that determine how the script is executed.
What You Can Generate Reliably
Malloy Studio performs best when you use it to generate structured motion graphics with clear boundaries and repeatable behaviour.
The more your request fits this shape, the more predictable and reusable the result.
This section outlines the types of animations, motion behaviours, and visual structures that consistently produce stable outputs.
Supported Animation Categories
Malloy Studio reliably generates animations that behave like components, not scenes.
These include:
Text-based graphics
Titles, subtitles, lower-thirds
Name tags, captions, callouts
Headings with supporting text
UI-style elements
Buttons, input fields, badges
Cards, panels, containers
Highlight boxes and focus states
Data-driven graphics
Counters, number tick-ups
Progress bars and meters
Simple charts (bars, lines, pie-style visuals)
Brand and identity elements
Logo reveals and transitions
Brand stingers and intro/outro elements
Reusable branded motion blocks
Annotation and emphasis elements
Arrows, circles, underlines
Spotlight or highlight effects
Step indicators and markers
If you can imagine the animation as a reusable overlay, Malloy Studio is a good fit.
Motion Behaviors That Work Consistently
Malloy Studio is optimized for clear, bounded motion rather than complex choreography.
Motion behaviors that work reliably include:
Simple entrances and exits
Fade, slide, scale, reveal
Directional motion with a clear start and end
Sequential motion
Elements appearing one after another
Staggered text or component reveals
State-based transitions
Off → on
Hidden → visible
Idle → emphasized
Continuous but controlled motion
Count-ups and progress fills
Subtle looping or idle motion
Single-focus transformations
One element changing size, position, or emphasis at a time
These motions are predictable, easy to refine, and hold up well when reused with different inputs.
Visual Structures That Remain Stable
Stable results come from clear visual hierarchy and layout.
Structures that consistently hold up include:
Defined containers
Cards, boxes, frames, panels
Clear boundaries between elements
Simple layout systems
Single-column or row-based layouts
Centered or edge-aligned compositions
Limited element counts
A small number of primary elements
Clear distinction between main and secondary content
Text and logo isolation
Text treated as its own component
Logos not mixed with complex background elements
Consistent spacing and alignment
Predictable margins and padding
Avoiding overlapping or free-floating elements
The more structured the layout, the more resilient the animation becomes when:
Text length changes
Colors or fonts are swapped
Timing is adjusted
A Simple Rule of Thumb
If your idea can be described as:
“A reusable motion graphic that reacts to changing inputs”
Malloy Studio will likely handle it well.
If your idea requires:
Scene-level storytelling
Heavy artistic interpretation
Many elements moving independently at once
Results will be less predictable.
In the next sections, we’ll build on this by showing how to structure prompts and assets so your animations stay flexible instead of fragile.