conveyor-pan

Generate a horizontally-scrolling card carousel from JSON card properties.

6|1|Updated May 29, 2026
One-click install
npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill conveyor-pan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: conveyor-pan
Source: https://github.com/gooseworks-ai/gooseworks-ads-skills/tree/main/skills/atoms/motion-graphics/effects/conveyor-pan
Command: npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill conveyor-pan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill solves the problem of creating horizontally-scrolling card carousels with continuous lateral movement, providing a seamless transition and infinite content appearance.

Core Features & Use Cases

  • Continuous Scrolling: Cards move laterally at a constant velocity with partial cards visible at the edges to suggest an infinite content flow.
  • Customizable Cards: Allows for customization of card width, height, gap, radius, tilt, and more.
  • Use Case: Ideal for UI/UX designs, especially for 'feed-scrolling' UI mocks where a continuously-scrolling app feed is required.

Quick Start

Use the conveyor-pan skill to create a horizontally-scrolling card carousel with cards moving from right to left.

Frequently Asked Questions about conveyor-pan

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a horizontally-scrolling card carousel for UI/UX design mocks?

A horizontally-scrolling card carousel is generated by providing JSON input that defines card properties, velocity, and direction. The system implements continuous linear lateral motion without acceleration or deceleration for seamless UI/UX feed-scrolling mocks.

Does continuous scrolling motion include acceleration or deceleration effects?

Continuous scrolling motion does not include acceleration or deceleration effects. The carousel implements strictly linear movement, meaning cards move laterally at a constant velocity to provide seamless transition and infinite content appearance.

What input format is required to customize carousel card properties like width and gap?

Customizing carousel card properties like width, height, gap, radius, and tilt requires JSON input. This format defines the specific card dimensions and velocity parameters needed to generate the continuous lateral movement.

Can I use conveyor-pan to show partial cards at the edges for an infinite content flow?

You can use conveyor-pan to show partial cards at the edges, as it creates continuous lateral movement designed to suggest infinite content flow. The carousel moves cards from right to left with customizable dimensions.

What is the best way to achieve seamless infinite scrolling for app feed UI designs?

The best way to achieve seamless infinite scrolling for app feed UI designs is using a continuous lateral carousel that moves cards at a constant velocity. Showing partial cards at the edges creates the appearance of infinite content.