skills.rest
gooseworks-ai
gooseworks-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

A17-split-screen-contrast

Create motion graphics scenes with contrasting panels and customizable dividers.

6|1|Updated May 29, 2026
Search Tags:#contrast#motion graphics#visual effects#design templates#split screen
One-click install
npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill a17-split-screen-contrast
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: A17-split-screen-contrast
Source: https://github.com/gooseworks-ai/gooseworks-ads-skills/tree/main/skills/molecules/motion-graphics/scene-archetypes/A17-split-screen-contrast
Command: npx skills add https://github.com/gooseworks-ai/gooseworks-ads-skills --skill a17-split-screen-contrast

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps users quickly create motion graphics scenes with two contrasting columns or stacked panels to show opposing concepts.

Core Features & Use Cases

  • Design a Scene with Two Panels: Offers an easy way to create scenes with side-by-side columns or stacked panels.
  • Customize Panels and Divider: Allows users to customize the position, color, and additional features like a squiggle divider.
  • Define Choreography and Layout: Users can set the timing and effects for panel appearance and copy, ensuring visual consistency.
  • Quick to Apply Styles Pack Compatibility: Ensures seamless compatibility with style packs for easy scene integration.
  • Duration and Quality Checks: Provides clear duration suggestions and ensures scenes have visual distinctiveness and consistent copy placement.

Quick Start

Use the A17-split-screen-contrast skill to create a motion graphic scene with two panels for contrasting concepts. Start by specifying colors for each panel, setting a split-axis (vertical or horizontal), and adjusting the timing and effects for panel and copy appearance.

Frequently Asked Questions about A17-split-screen-contrast

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

FAQPage Schema
How do I create split-screen contrast scenes for motion graphics?▼

To create split-screen contrast scenes, use this skill to generate motion graphics layouts with two side-by-side columns or stacked panels, allowing you to define contrasting colors, split-axis orientation, and visual effects timing.

Can I customize the divider and panel layout in my split-screen motion graphic?▼

Yes, you can customize panel layout and dividers in your split-screen motion graphic by adjusting the split-axis, panel positions, colors, and adding features like a squiggle divider for visual distinction.

What is the best way to time panel appearance and copy in split-screen visual effects?▼

The best way to time panel appearance and copy in split-screen visual effects is to define choreography parameters within your motion graphics editor, setting specific durations and effects timing to ensure visual consistency.

Does this split-screen contrast template work with style packs?▼

Yes, this split-screen contrast template ensures seamless compatibility with style packs, allowing you to quickly apply visual themes and integrate contrasting scenes into your broader motion graphics project.

Do I need a motion graphics editor to use the split-screen contrast skill?▼

Yes, you need a motion graphics editor because this skill requires integration into an editor environment where specific parameters for visual effects, layout, and choreography can be defined and rendered.

Related Skills

Explore More Design & Creative Skills→
OSideMediaOSideMedia
275

higgsfield-motion

Apply named motion presets and visual effects to scenes.

Community
Basic
JustinRoderickJustinRoderick

remotion-render

Render React and Remotion TSX components into MP4 video files.

Community
Intermediate
gooseworks-aigooseworks-ai
6

A9-phone-card-carousel

Generate conveyor-panning phone-card carousel scenes from YAML configurations.

Official
Intermediate
dennisadriaansdennisadriaans
427

bar-chart

Configure grouped or stacked bar charts with axis customization in Vue 3 applications.

Community
Intermediate