Getting Started

Table of Content

Table of Content

Table of Content

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.