Collections

What this skill does

Collections organize and display ordered sets of visual content, typically images, in customizable grid or row layouts. They enable marketers to present large volumes of media assets cleanly and efficiently, making it easier for users to browse and engage with visual campaigns or product catalogs. Collections support standard interactions like tapping to select and swiping to scroll, with options for adding custom gestures and animations to enhance user experience.

Who it's for

This skill is designed for digital marketers managing image-heavy content such as e-commerce managers curating product galleries, social media strategists showcasing creative assets, and UX-focused growth leads optimizing visual engagement across platforms. Agencies running PPC campaigns with rich media ads or app marketers needing to organize screenshots and previews will also benefit from leveraging collections to streamline content presentation.

Key workflows

Practitioners typically start by defining the collection’s layout, choosing between a horizontal row or a grid to match their user flow and screen real estate. Next, they optimize image padding and spacing to maintain focus and prevent overlap, ensuring users can easily select items without frustration. Then, marketers configure interaction patterns, deciding whether default tap and swipe gestures suffice or if custom actions like long-press edits or animated reorderings are needed. Finally, they test dynamic layout changes carefully, avoiding abrupt shifts during user interaction to keep the experience intuitive and stable.

Common questions

How do collections differ from tables for displaying content? Collections are best for image-based content, while tables are more efficient for displaying textual information in scrollable lists. Can I customize animations within collections? Yes, you can use standard animations for inserting, deleting, or reordering items, and also create custom animation effects to reinforce interactions. Are dynamic layout changes recommended? They should be used cautiously and only in response to explicit user actions, as sudden layout shifts can confuse or frustrate users.

How to use in Metaflow

Attach the Collections skill to a Metaflow agent task when working with campaigns or projects that involve managing and displaying sets of visual assets. Expect the agent to guide you through structuring content in grids or rows, applying interaction best practices, and testing layout stability on iOS or iPadOS environments. For detailed setup and optimization tips, consult the internal resources on collections layouts and user interaction patterns.

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