Product Snapshot Studio

Decides when a physical device frame earns its place in a marketing still and directs the shot when it does - flat-on at 0 degrees or a precise 30-45 degree three-quarter, one shadow direction per frame, soft contact shadow at every support point, screen brightness matched about 1 stop below the key highlights. Use when someone asks "should this screenshot go inside an iPhone frame", "our device mockups look like stock templates", "how do I show the mobile app without a cheesy floating phone", or "what angle and shadow should the laptop mockup use". Do NOT use for the pixel work of placing UI onto the screen - use screen-compositing-craft instead; for frameless UI stills, use marketing-screenshot-craft; for lighting a physical product shoot, use studio-lighting-design.

Art-directs the website hero as a still - a headline pyramid with at most 2 CTAs, the product screenshot as the hero art at 16px radius cropped off the fold, exactly one atmosphere zone per page, and the asset budget that keeps the fold fast - emitting an implementable hero spec. Use when someone asks "design our landing page hero", "what visual should go above the fold", "our hero section looks like an AI template - rework it", or "how big should the product screenshot be in the hero". Do NOT use to write the hero copy - use landing-page-copy instead; for scroll or entrance motion in the hero, use website-hero-motion; the framed screenshot inside the hero comes from marketing-screenshot-craft; for full-page section rhythm beyond the fold, use spatial-composition-discipline.

Designs App Store and Google Play screenshot sets to exact per-device store specs - with a runnable preflight validator, 3-6-word benefit-first caption bands, and a first-three sequence that reads as one pitch; the pixel specs themselves live in the body's store-facts block and are re-verified before shipping. Use when someone asks "design our App Store screenshots", "what size do Play Store screenshots need to be", "our store listing converts badly - redo the screenshots", or "write caption bands for our app screenshots". Do NOT use for listing titles, descriptions, or keywords - use app-store-copy instead; for signing, versioning, and submission mechanics, use app-store-release-prep; for the app preview video, use product-demo-director.

Builds the Product Hunt gallery as a five-beat visual story - 5-8 slides at 1270x760 under 3MB each with the roles hook, workflow, differentiator, proof, CTA - plus an animated 240x240 thumbnail designed to survive the roughly 80px feed render. Use when someone asks "design our Product Hunt gallery images", "what should our Product Hunt thumbnail be", "what order should our launch gallery slides go in", or "make our launch gallery tell a story instead of dumping screenshots". Do NOT use for launch timing, taglines, hunter strategy, or the maker comment - use product-hunt-launch instead; for the launch video, use product-demo-director; for the X and LinkedIn launch images, use social-image-designer; frames come from marketing-screenshot-craft.

Produces the social still set - OG and link-card images at 1200x630, quote cards, and static ad images - recomposed per platform from one master composition and shipped as runnable HTML/CSS compositions, with critical content held inside the central 60 percent and a 25 percent-scale legibility gate before anything ships. Use when someone asks "make an OG image for this page", "design a quote card from this testimonial", "create the static ad images for this campaign", or "our link previews look broken on X and LinkedIn". Do NOT use for YouTube thumbnails - use thumbnail-concept instead; for captions and post copy, use social-caption-writer; for video posts, use social-video-formatter; for sourcing stock photography, use stock-photo-finder; the product stills inside these images come from marketing-screenshot-craft.

Designs explanatory marketing graphics as production-ready specs - comparison graphics, stat tiles, feature diagrams, docs and blog artwork, and investor-deck visuals - one idea per graphic, the hero number set at about 4 times its caption size, tabular figures on everything numeric, and every claim dated and sourced. Use when someone asks "make a comparison graphic of us versus the old way", "design a stat graphic for our traction slide", "create artwork for this blog post", or "turn this feature list into a diagram". Do NOT use for deck narrative, slide order, or story structure - use slide-deck-builder or pitch-deck-builder instead; for social-sized renditions of these graphics, use social-image-designer; for the numbers themselves, flag missing sources rather than inventing them.