skilld
All skills
segmently-ai avatar

/segmently-cli-custom-screen-guide

@3c9bc34
by segmently-aisegmently-ai/segmently-support-plugins1 stars

Segmently CLI guide for reading, updating, applying, and validating V2 WebEmbed custom screens and FlexibleLayout paywall ProductCatalog linking. Use when migrating hardcoded WebEmbed HTML to data sources, routing Button and SingleSelectionList child data-source actions through graph edges, reproducing screenshot references as WebEmbed custom screens, checking variables inside custom screens, updating callback fallback edges, verifying shadow-DOM render correctness, migrating images, converting legacy custom-screen APIs, converting paywalls to ProductCatalog-driven custom screens through the Segmently CLI, or validating native FlexibleLayout Text/PurchaseButton labels linked to selected ProductCatalog products. Also trigger when Segmently Launch Assistant returns executeWith.skill/owningSkill=segmently-cli-custom-screen-guide or names this skill for a custom WebEmbed DO flow.

  • 20 files
  • 137.8 KB
  • Updated last week
  • GitHub

Ask your Agent

Use this Skill: https://skilld.dev/gh/segmently-ai/segmently-support-plugins/segmently-cli-custom-screen-guide

This session only. Nothing lands on disk.

referencesimage-migration.md

≈298 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Image Migration

Use image migration when custom HTML references local image files or temporary asset paths that need stable CDN URLs.

Scan First

segmently funnels custom-screen scan-images <funnelId> <versionId> <screenId> <projectId> --dry-run \
  > <screen-dir>/checks/image-scan.json

Review:

  • local image paths;
  • remote image paths;
  • already-CDN images;
  • paths that cannot be resolved.

Apply Upload And Rewrite

segmently funnels custom-screen scan-images <funnelId> <versionId> <screenId> <projectId> \
  --base-dir <screen-dir>/assets \
  > <screen-dir>/checks/image-scan.json

The apply step uploads local images to the Segmently CDN, rewrites HTML URLs, and can create Media child sections when supported by the backend response.

Safe Rewrite Rules

  • Do not rename CSS classes or wrappers around images.
  • Keep alt text unless moving it to a Text data source.
  • Preserve image dimensions and responsive CSS.
  • Keep the original HTML file unchanged for review.
  • If a path is ambiguous, stop and ask for the correct asset folder.

After image migration, run custom-screen healthcheck and compare the updated HTML against the original.

Source: SKILL.md on GitHub

Third-party checks

No third-party reports yet.

Provenance

Signed by skilld at 3c9bc34. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub yesterday.

Activeupdated last week

README badge

README badge for segmently-ai/segmently-support-plugins/segmently-cli-custom-screen-guide