Lockups

What this skill does

The Lockups skill enables marketers to present grouped content elements—such as images, headers, and footers—as a single interactive unit. This approach enhances user engagement by combining multiple views into cohesive cards, caption buttons, monograms, or posters that respond to focus changes with smooth expansion and motion. It is particularly useful for structuring media-related content, ratings, cast information, or promotional visuals in a polished, consistent format.

Lockups improve visual hierarchy and user experience by ensuring elements behave as one unit, preventing layout shifts during interaction. The skill encourages consistent sizing and spacing, which supports clearer messaging and better aesthetic appeal across platforms like Apple TV where these components are natively supported.

Who it's for

This skill is designed for digital marketers focused on content-rich media campaigns on platforms that support interactive visual units, such as OTT streaming services. Growth leads and agency strategists managing branded video or entertainment content will find it valuable for showcasing reviews, cast details, or promotional assets with clear structure and polish. SEO and PPC operators working on media landing pages or in-app experiences where user engagement metrics like time-on-screen and click-through rates matter can also leverage lockups for improved content presentation.

Key workflows

First, identify the content types to combine—such as ratings, images, or talent names—and select the appropriate lockup style: cards for reviews, caption buttons for interactive selections, monograms for people, or posters for featured visuals. Next, set consistent dimensions and spacing for lockups within groups to ensure a uniform grid that supports smooth focus transitions without overlap. Then, implement focus behavior so lockups expand and tilt according to navigation direction, enhancing the tactile feel on remote or controller inputs. Finally, test the presentation on supported platforms to confirm responsive scaling and that headers and footers appear correctly above and below main content.

Common questions

Can lockups be used on iOS or macOS? No, lockups are currently only supported on tvOS and similar platforms.

How should spacing be handled between lockups? Leave adequate room to accommodate the lockup’s expansion on focus to avoid overlap or layout disruption.

What lockup type is best for representing people? Monograms are ideal, using images whenever possible for better user connection, with initials as fallback.

How to use in Metaflow

Attach the Lockups skill to a Metaflow agent task that involves structuring media or content assets for interactive display. Expect the agent to guide you through selecting lockup types, defining layout consistency, and configuring focus animations to enhance user engagement. This skill integrates seamlessly with workflows aiming to optimize content presentation on compatible platforms and helps ensure your campaign assets maintain visual clarity and interactive polish.

For broader context, see our roundup of claude skills marketing, and read common Claude Code content mistakes for related setup guidance.