> ## Documentation Index
> Fetch the complete documentation index at: https://docs.rork.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Screenshot Studio: App Store screenshots in a minute

> Screenshot Studio turns your raw app screens into a designed App Store deck: written headlines, painted backgrounds, and iPhone frames, exported at the size App Store Connect accepts.

export const CtaBanner = () => <div style={{
  display: "flex",
  alignItems: "center",
  justifyContent: "space-between",
  gap: "24px",
  flexWrap: "wrap",
  margin: "40px 0 8px",
  padding: "22px 28px",
  borderRadius: "16px",
  background: "linear-gradient(135deg,rgba(249,115,22,0.10),rgba(255,255,255,0.03),rgba(249,115,22,0.06))",
  border: "1px solid rgba(255,255,255,0.08)"
}}>
    <div>
      <div style={{
  fontSize: "19px",
  fontWeight: 700,
  color: "#fff",
  letterSpacing: "-0.3px",
  lineHeight: 1.3
}}>
        Build your app with Rork today.
      </div>
      <div style={{
  fontSize: "14px",
  color: "rgba(255,255,255,0.6)",
  marginTop: "4px",
  lineHeight: 1.5
}}>
        Ship iOS, Android, and web apps by chatting with AI.
      </div>
    </div>
    <a href="https://rork.com?utm_source=docs&amp;utm_medium=referral&amp;utm_campaign=docs-cta&amp;utm_content=cta-banner" onClick={tagCtaLink} style={{
  flexShrink: 0,
  display: "inline-block",
  padding: "10px 24px",
  background: "linear-gradient(135deg,#fff,#f0f0f0)",
  color: "#000",
  fontSize: "14px",
  fontWeight: 600,
  borderRadius: "100px",
  textDecoration: "none",
  whiteSpace: "nowrap"
}}>
      Try Rork for Free
    </a>
  </div>;

Raw simulator screenshots sell nothing. The listings that convert have a headline on every slide, a background that matches the app, and the screen inside a device frame.

**Screenshot Studio** does that for you, at [rork.com/screenshots](https://rork.com/screenshots). It is free while in beta, and it needs no account.

<Frame caption="Paste an App Store URL, or point it at a GitHub repo.">
  <img src="https://mintcdn.com/rork/DvKNYT4s6kJH2rkl/images/studio/studio-hero.png?fit=max&auto=format&n=DvKNYT4s6kJH2rkl&q=85&s=55c0f213dc540de262b901322bb75f2c" alt="The Rork Screenshot Studio page with tabs for App Store URL and GitHub repo, an input field, and a Generate button" width="2079" height="1386" data-path="images/studio/studio-hero.png" />
</Frame>

## Use it

<Steps>
  <Step title="Give it a source">
    **App Store URL** works best, because Rork reads your app's name, its description, and your existing screenshots. **GitHub repo** works for an app that is not published yet. If neither fits, skip ahead and upload your screens by hand.
  </Step>

  <Step title="Check the app details">
    Rork fills in the app name, the category, and a summary. Correct them if the store listing is out of date, because the headlines are written from this text.
  </Step>

  <Step title="Pick up to six screens">
    Choose the screens that carry your story. Use **Upload your own** for screens Rork could not find, straight from your simulator or phone.
  </Step>

  <Step title="Choose a look, or describe one">
    **Layout** and **Style** are both optional. Pick a preset like dark premium or gradient dreamy, or write your own direction in a sentence and the whole deck follows it.
  </Step>

  <Step title="Generate, then download">
    It takes about a minute. **Download all** gives you the deck, and any slide you dislike has its own **Retry**.
  </Step>
</Steps>

## What you get

* **PNG files at 1284×2778**, the iPhone 6.5-inch size App Store Connect accepts for every modern iPhone
* **A written headline per slide**, short and specific to your app
* **Background art per slide**, tied together by one palette
* **Your screen inside an iPhone frame**, composited to the pixel

Upload the files straight into App Store Connect. There is nothing to resize.

<Note>
  The output is sized for the App Store. For Google Play, generate your Play listing images separately, since Play asks for different sizes. See [How to publish your Rork app to Google Play Store](/submitting-to-play-store/creating-the-aab-file).
</Note>

## Write better headlines

The studio writes the copy, but it writes from what you give it. Two habits improve the result:

1. **Fix the summary before you generate.** One clear sentence about who the app is for beats a paragraph of store keywords.
2. **Order the screens like a pitch.** The first slide earns the second. Lead with the thing people came for, not with your settings screen.

## How it relates to the rest of Rork

| Tool                            | What it is for                                                      |
| ------------------------------- | ------------------------------------------------------------------- |
| **Screenshot Studio**           | A standalone deck for your store listing, from any app, no account  |
| **Screenshots in your project** | Ask the agent for store screenshots while you build in Rork         |
| **Mockup creator**              | Social images from the preview, sized for X, Instagram, and stories |

The studio also works for apps that were never built in Rork. If you are shipping something from another tool, you can still use it.

## FAQ

<AccordionGroup>
  <Accordion title="Is it really free?">
    Yes, free while in beta, and no account is needed. It does not spend your Rork credits.
  </Accordion>

  <Accordion title="My app is not on the App Store yet.">
    Import a GitHub repo, or upload raw screenshots from your simulator. The studio takes it from there.
  </Accordion>

  <Accordion title="Can I control the style?">
    Yes. Pick a preset, or describe the look you want in a sentence and the whole deck follows it.
  </Accordion>

  <Accordion title="How many screenshots can one deck hold?">
    Up to six, which matches what a store listing shows before people stop swiping.
  </Accordion>

  <Accordion title="Are these screenshots enough to pass review?">
    Screenshots have to show your real app, not a mockup of features you do not have. The studio frames your real screens, which is what Apple asks for. See the [App Store Checklist](/submitting-to-app-store/apple/app-store-checklist).
  </Accordion>
</AccordionGroup>

## Next steps

<CardGroup cols={2}>
  <Card icon="camera" href="/appstore-screenshots/app-store-screenshots" title="App Store screenshots">
    Required sizes and what to put on each slide.
  </Card>

  <Card icon="shield-check" href="/ai-app-store-reviewer" title="AI App Store Reviewer">
    Check your app against the guidelines before you submit.
  </Card>

  <Card icon="upload" href="/store-guides/publish-app-store" title="Publish to the App Store">
    Take the finished app to review.
  </Card>

  <Card icon="wand-magic-sparkles" href="/features/assets" title="Generate media">
    Images, video, audio, and 3D inside your app.
  </Card>
</CardGroup>

<CtaBanner />
