106.9K+Download
Skip to the usage guide
motion-designby OpenDesign

OpenDesign Motion Design Skill.

Shape a motion brief into a connected film: plan beats, choreograph attention and preserve an editable timeline. OpenDesign’s official helper works inside its host workflow; it is not a standalone renderer.

  • Motion & Video
  • OpenDesign
Download OpenDesignView Usage Guide
Source Review · motion-designSKILL.md
Task Refine a motion brief, beat map and editable timeline. Produces • Connected story beats • Editable HTML source • Host-rendered MP4 for video briefs Before You Start Use an OpenDesign host with the required media tools.
Editorial source review · 2026-11-02 · not an executed demonstration

01 What It Does

Connect the Brief, Timeline and Film

Explore OpenDesign’s official motion-design skill for beat maps, editable HTML motion, reference-video replication and host-rendered MP4 delivery.

Source-based workflowNot an execution benchmark

The Working Approach

OpenDesign’s motion-design skill supplies motion craft to an active task. It connects a brief, representative frame and beat map with typography, pacing, continuity and a seekable timeline. A recurring visual motif carries the idea through the piece rather than turning it into unrelated title cards.

The host determines the actual production route. Video briefs call for editable HTML source plus a rendered MP4 through OpenDesign’s local HyperFrames pipeline. Pointer-driven interaction and UI micro-animation remain runnable HTML or code instead of being flattened into video. The source also covers measured reference-video replication and narrow edits to an existing film.

Expected Deliverables

  • A beat map connecting time, viewer takeaway, focal object, transformation and sound
  • Editable, seekable HTML motion source when the host authorizes production
  • A rendered MP4 for video briefs, using the host’s available renderer
See the Example Brief

From Brief to Review

  1. 01
    Resolve the Brief

    Use the supplied audience, assets, copy, duration and destination. The source suggests 12–18 seconds and 16:9 only as starting points for an unconstrained short film.

  2. 02
    Design One Representative Frame

    Set hierarchy, type, palette and the focal object before expanding scenes. A visual premise must be specific to the subject, not just a label such as premium or cinematic.

  3. 03
    Connect the Beats

    Carry an object or motif through meaningful transformations. Budget entrances, reading holds and exits; preserve direction and velocity at transitions.

  4. 04
    Produce Through the Host

    Use the host’s scaffold and seekable timeline for video work. Render the MP4, inspect representative moments and preserve the editable source alongside it.

02 When to Use It

When to Use It

This official OpenDesign utility is designed for its host workflow. Review the dependencies before importing its instructions into another agent.

A Good Fit

  • Product and Brand FilmsShow a real benefit through a concrete action, using supplied screens or logos without distorting their proportions.
  • Kinetic Typography and ExplainersUse type as a graphic object while keeping a readable window. Preserve labels, causal relationships and actual data values.
  • Measured Reference ReplicationInspect the reference’s duration, frames and audio through the host before rebuilding it; do not infer the film from a thumbnail.

Limits to Check

  • Host Tools Are Required for ProductionThe skill does not grant tool access, create a renderer or configure the OpenDesign runtime. Downloading SKILL.md alone does not supply the host media commands.
  • Not the LottieFiles SkillThis is OpenDesign’s original helper, informed by several public approaches. It is distinct from the LottieFiles motion-design skill already in this catalog.
  • Reference Size LimitsThe reviewed host workflow refuses references longer than 180 seconds or larger than 200 MB. A failed reference fetch must be resolved with a usable file, not guessed footage.

Bring These Inputs

  • A Concrete Motion BriefSupply the message, audience, destination, duration and exact text, plus whether the result is a film or an interaction.
  • Assets and Audio DirectionProvide authorized screens, logos or reference footage. State whether the piece needs narration, music, effects or intentional silence.
  • An Available Host ProjectUse an OpenDesign task with the necessary media capabilities. For revisions, identify the existing source and the element that should change.

03 Decisions That Matter

Decisions That Matter

  1. Deterministic Seeking

    Scene state must survive forward and backward seeking. The source rules out unseeded randomness and visible content that depends on timeline callbacks suppressed during export.

  2. One Clock for Source and Export

    The master timeline’s duration must match the composition metadata and retain real-second playback. Changing timeline duration is not a substitute for adding a reading hold.

  3. A Film Includes Its Render

    An HTML preview, queued task or failed command is not a completed MP4. Video delivery retains both source and the actual rendered file.

  4. Small Revisions Stay Small

    Changing one headline or image should leave unrelated elements, beats and sound intact. The existing MP4 is rendered again after a video-affecting edit.

04 Try a Focused Brief

Try a Focused Brief

The example brief below has not been tested. Check the skill’s setup before using it.

Review the Host Requirements

The reference below opens the source; it is not an installation command. Use the corresponding OpenDesign host workflow and check that its required tools are available.

Upstream Source File
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md

Importing the file into another agent does not supply OpenDesign’s runtime or authenticated services.

Describe the Current Task

Adapt the scope, source material and constraints in this brief before running the skill.

Example Brief
Use OpenDesign’s motion-design helper in my current project to make a 15-second product film from the logo and exact copy I provide. Show scattered tasks converging into one focused action with a recurring visual motif. Plan the beats and reading holds before production. Use the available host workflow, preserve editable HTML source, and render an MP4. Do not invent product claims or substitute a preview for the video. Report missing assets or unavailable renderer capabilities, and distinguish inspected frames from unverified output.

Check the Actual Result

Check the actual output against these observable criteria.

  • The supplied copy and product claims remain accurate, with readable holds.
  • Source duration, aspect and timeline agree, and the scene can be sought backward and forward.
  • A video brief has both editable source and a real MP4; the declared sound choice matches the export.

This is an OpenDesign host-specific utility. The public source documents its behavior; repository availability is not proof that every released client version includes the same implementation.

Download OpenDesignRead the Quickstart

05 Source and License

Source and License

This page describes the pinned source revision linked below. Upstream behavior and requirements can change.

Source Owner
OpenDesign
Repository
nexu-io/open-design
Skill File
SKILL.md
License
Apache-2.0 · skills directory policy
Reviewed Snapshot
2026-11-02 · 5a0c47777975
Editorial Source Summary
Editorial review of motion-design at the pinned repository revision. The skills directory declares Apache-2.0 unless a skill has its own license; no separate license file was present in this skill directory. This listing did not execute the workflow.

Original summary by OpenDesign, based on the linked source. Repository stars are a dated popularity signal, not skill usage or a quality score.

06 Questions Before You Start

Questions Before You Start

Is this the same as LottieFiles’ motion-design?

No. OpenDesign’s SOURCES.md identifies it as an original skill informed by public approaches, including LottieFiles. This page reviews the OpenDesign implementation and its host-specific workflow.

Can installing the file give another agent MP4 export?

No. The file supplies instructions, not OpenDesign’s media tools or runtime. Its full production workflow depends on host capabilities; importing it elsewhere does not establish equivalent support.

Does every motion task become a video?

No. Video briefs require source and MP4, but pointer-driven interactions and UI micro-animation remain runnable HTML or code. Planning-only requests do not authorize production.

OpenDesign

Plan the Motion. Keep the Source.

Use the official helper within an available OpenDesign host workflow. Keep the required runtime and service dependencies in view before starting.

Download OpenDesignBrowse Design Skills
Upstream Source File
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md