106.9K+Download
Skip to the usage guide
Shot Compositionby iart-ai

Shot Composition Skill.

Plan framing, focal hierarchy, camera movement and multi-aspect composition.

  • Shot Design
  • Composition
Download OpenDesignView Usage Guide
Source Review · shot-compositionSKILL.md
Task Plan framing, focal hierarchy, camera movement and multi-aspect composition. Produces A frame specification with grid, margins and focal coordinates. Before You Start List the required frame sizes and the content that must remain visible. Choose the focal subject and camera intent before asking for separate landscape, square or vertical layout plans.
Editorial summary · source reviewed 2026-11-02 · not a generated example

01 What It Does

Plan framing, focal hierarchy, camera movement and multi-aspect composition

Build a composition plan with grids, focal points, parallax layers, camera movement and separate layouts for landscape and vertical video.

Source-based workflowNot an execution benchmark

The Working Approach

shot-composition plans where elements sit and how the camera reveals them. It combines grids, focal hierarchy, negative space and depth layers into a composition plan with concrete values. It is especially relevant when a landscape scene must also work in a vertical social format.

The source separates the main movement from supporting and ambient layers. Each receives a role and a parallax relationship, while the camera serves one clear intention at a time. Multi-aspect delivery requires a layout plan, including restacking content for a narrow frame and reserving space for platform controls.

Expected Deliverables

  • A frame specification with grid, margins and focal coordinates.
  • A background, midground and foreground layer map.
  • Camera, entrance and safe-area notes for each target aspect ratio.
See the Example Brief

From Brief to Review

  1. 01
    Establish the visual hierarchy

    Choose the frame dimensions and grid, then rank elements by size, contrast, color and position. Reserve negative space around the primary subject.

  2. 02
    Assign depth and camera behavior

    Give each layer a motion role and speed relationship. Choose a push, pan, follow or parallax move that serves the current beat.

  3. 03
    Adapt each aspect ratio

    Reposition supporting content for vertical and square frames. Check critical text, logos and faces inside the intended delivery area's safe margins.

02 When to Use It

When to Use It

List the required frame sizes and the content that must remain visible. Choose the focal subject and camera intent before asking for separate landscape, square or vertical layout plans.

A Good Fit

  • One scene needs several cropsUse the plan to redesign the layout for each aspect before rendering.
  • Camera movement lacks purposeThe workflow connects framing and depth to the information the viewer should notice.

Limits to Check

  • A plan needs implementationThe documented deliverable is a composition specification handed to a rendering or animation workflow.
  • Safe areas are contextualThe source provides suggested margins; the final delivery surface and its actual overlays still need inspection.

Bring These Inputs

  • Frame targetsList dimensions, aspect ratios, frame rate and publishing surfaces.
  • Content inventorySupply the main subject, copy, logos and elements that must remain visible.
  • Motion intentDescribe the camera's job and the desired mood of the scene.

03 Decisions That Matter

Decisions That Matter

  1. Fewer competing focal points

    Hierarchy decisions prevent the headline, product and logo from demanding equal attention.

  2. Depth with a purpose

    Different layer roles help a parallax move read as space rather than a flat page sliding.

  3. Vertical layout stays intentional

    Restacking avoids treating a narrow export as a blind crop of the landscape composition.

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 Source and Setup

List dimensions, aspect ratios, frame rate and publishing surfaces.

Upstream Source File
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/shot-composition/SKILL.md

The reference below opens the upstream instructions. Review the repository setup before using them; it is not an installation command.

Start With One Deliverable

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

Example Brief
Plan the composition for a product hero that must work at 1920 by 1080 and 1080 by 1920. The scene contains a phone mockup, a six-word headline, a short status label and a small brand mark. The phone is the focal subject. Use one slow camera push with restrained background parallax. Provide grid values, layer roles, entrance directions and camera parameters. Create a separate vertical restack plan with space for social interface overlays. Deliver annotated composition notes rather than code, and flag any content that cannot remain legible in the smaller frame.

Inspect the Result

Check the actual output against these observable criteria.

  • Verify one primary focal point and non-competing supporting elements.
  • Check layer roles, camera intent and movement extrema.
  • Inspect every requested aspect rather than assuming the landscape plan survives cropping.

OpenDesign provides a local design workspace for coding agents. This listing does not mean the skill is bundled or that its external tools, credentials and software dependencies are included.

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
iart-ai
Repository
iart-ai/motion-design-skills
Skill File
SKILL.md
License
MIT
Reviewed Snapshot
2026-11-02 · 3c129f769d90
Editorial Source Summary
Plan framing, focal hierarchy, camera movement and multi-aspect composition.

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

Does it generate an animation?

Its main output is a composition plan. The source expects another workflow to implement the camera moves and element choreography.

Why separate foreground and background?

The layer map assigns different speeds and visual weight. Moving all layers equally produces a flat translation instead of a convincing sense of depth.

Should vertical video just crop the horizontal version?

The source recommends restacking the content and adjusting type and focal placement. Essential material must remain readable inside the vertical safe area.

OpenDesign

Keep Your Brief and Design Work Together.

Keep your brief, source material and design work together in a local workspace. Check the skill’s own setup before adding it to your workflow.

Download OpenDesignBrowse Design Skills
Upstream Source File
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/shot-composition/SKILL.md