Create or edit iPhone screenshot promo images into a square composition with a white background, the uploaded screenshot or graphic on the left, and a main title plus subtitle on the right. Use when the user wants App Store style marketing cards, square social covers, screenshot reframing, or wants an iPhone screenshot turned into a clean title-and-subtitle layout.
From debuginn-promonpx claudepluginhub debuginn/skillsThis skill uses the workspace's default tool permissions.
assets/sketch.svgexamples/IMG_0310_new.PNGexamples/preview-img-0310-embedded.svgexamples/preview-img-0310-final.pngexamples/preview-img-0310.htmlexamples/preview-img-0310.svgexamples/web-tool-preview.pngreferences/layout-spec.mdweb/index.htmlUse this skill when the user wants a reusable workflow for turning an iPhone screenshot into a square cover image.
1:1 squareDefault proportions:
72px52%48%40pxWhen generating or editing, use a prompt close to this:
Edit the uploaded iPhone screenshot into a square promotional image.
Use a pure white background.
Place the uploaded screenshot or graphic on the left side, large and clean, without distortion.
Place text on the right side:
Main title: "{TITLE}"
Subtitle: "{SUBTITLE}"
Use a minimal premium layout, strong title hierarchy, generous whitespace, and an Apple-style marketing composition.
Output should be a 1:1 square image.
If the user does not provide all text, make a reasonable draft:
4-10 Chinese characters or 2-6 English wordsIf the user asks for a preview first, provide a quick wireframe before generating the final prompt or asset.
Use the web tool when the user wants quick customization and visual feedback.
python3 -m http.server 8123http://127.0.0.1:8123/plugins/debuginn-promo/skills/debuginn-promo/web/index.html导出 PNGGuides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.