Skip to main content

Overview

The swap_overrides_instances prompt guides AI agents through the process of copying instance overrides from a source component instance and applying them to one or more target instances. This enables efficient content management across component variants while maintaining design consistency.

When to Use

Use this prompt when:
  • Copying content from one component instance to others
  • Updating multiple instances with the same override values
  • Swapping instance content while preserving the underlying component
  • Filling custom slots in component instances
  • Managing component variants with different content

Process Overview

Step 1: Selection Analysis

Identify source and target instances:

Step 2: Extract Source Overrides

Capture all customizations from the source instance:
What Gets Captured:
  • Text content overrides
  • Property value changes
  • Style overrides
  • Nested instance swaps
  • Visibility changes

Step 3: Apply Overrides to Targets

Transfer captured overrides to target instances:

Step 4: Verification

Verify the results:

Complete Example

Example: Filling Product Card Instances

Example: Custom Slot Management

Key Tips

Always Join Channel First

Check Full Selection

Preserve Component Relationships

  • Use instance overrides instead of direct text manipulation
  • Maintains component connection
  • Preserves ability to sync with main component
  • Keeps design system integrity

Handle Different Instance Types

Common Use Cases

1. Product Listings

  • Source: Filled product card with name, price, image
  • Targets: Empty product card instances
  • Result: All cards use same component, different content

2. Form Templates

  • Source: Completed form instance with labels and validation
  • Targets: Empty form instances
  • Result: Consistent form structure with different content

3. Navigation Menus

  • Source: Configured menu item with icon and text
  • Targets: Other menu item instances
  • Result: Uniform menu styling with different labels

4. Card Grids

  • Source: Feature card with icon, title, description
  • Targets: Empty feature card instances
  • Result: Consistent card design with varied content

Error Handling

No Overrides Found

Target Not Compatible

Partial Success