screenshotcomposer-website

Compose a `.screenshot` document for an app's App Store listing using the `sscc` CLI — deconstruct any reference listing, build a per-panel design plan that names every visual ingredient (devices, off-frame bleed directions, decorative arrows / badges / shapes, generated backgrounds, multi-device arrangements), generate every asset the plan demands, then script the compositions, render PNGs to audit that every panel reads in one second, and export at ASC-required sizes. Use when the user asks to create App Store screenshots, build a screenshot file, recreate a competitor's listing, design an App Store page, or ship marketing screenshots for any Apple app. The deliverable is a saved `.screenshot` file plus audited + exported PNGs. Pairs with `screenshot-format` (the document schema) and `template-author` (only when the final output is a reusable bundled template rather than a one-off file).

Reference for the `.screenshot` document format used by ScreenShotComposer (the macOS package bundle, JSON manifest, per-platform composition lists, layer schema, asset packaging, export pixel sizes, and bezel catalog). Read this whenever authoring or editing a `.screenshot` file by hand, generating one from a script or test fixture, building a template that produces compositions, or debugging save/load issues for `CompositionRecord`, `CompositionLayerRecord`, `EmbeddedImageAsset`, `PlateAxisAlignedFrame`, or `ScreenshotPackageSerialization`.

Add or edit ready-to-edit start-screen templates in `ComposerTemplateLibrary` (`CW-71` / `CW-77`). Use whenever the user asks to create, generate, design, or edit a template; recreate App Store marketing screenshots as a template (provide an `apps.apple.com` URL or numeric track id and this skill will inspect every Apple platform the app ships on); generate a background image for a template (landscapes, minimalist arches, mesh gradients, geometric, grain, or any other plate-fill imagery); add a new entry to the start-screen chooser; or update an existing builder, scene, palette, or copy. Pairs with the `screenshot-format` skill for the `.screenshot` JSON schema, and respects the workspace `screen-specs` and `test-driven-design` rules.