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

# Recipes

Copy-paste ScreenFramed request recipes for common screenshot jobs.

Use these as starting points. Replace the `url`, then adjust the few fields that matter for your workflow.

## Marketing hero



```json
{
  "url": "https://example.com",
  "camera_preset": "hero",
  "background": "fractal-glass-gradients/fractal-glass-34",
  "shadow": "float",
  "aspect_ratio": "16:9"
}
```

## Clean documentation screenshot

```json
{
  "url": "https://example.com/docs",
  "selector": "main",
  "background_style": "none",
  "padding": 0,
  "corner_radius": 8,
  "aspect_ratio": "16:9",
  "hide_selectors": [".cookie-banner", ".chat-widget"]
}
```

## Transparent UI component

```json
{
  "url": "https://example.com/dashboard",
  "selector": "[data-capture='usage-card']",
  "background_style": "transparent",
  "inset": 24,
  "output": {
    "format": "png"
  }
}
```

## App store phone frame

```json
{
  "url": "https://example.com/mobile-preview",
  "device": "iphone-16-pro",
  "device_color": "natural-titanium",
  "background_preset": "aurora",
  "aspect_ratio": "9:16",
  "padding": 96,
  "text_enabled": true,
  "text_content": "Plan your week in one view",
  "text_x": 0.08,
  "text_y": 0.08,
  "text_size": 64,
  "text_weight": 800,
  "text_autofit": true,
  "text_max_width": 0.8
}
```

## Directory thumbnail

```json
{
  "url": "https://example.com",
  "device": "browser-macos",
  "background_preset": "arctic",
  "shadow": "soft",
  "aspect_ratio": "4:3",
  "output": {
    "width": 1200,
    "height": 900,
    "format": "webp"
  }
}
```

## AI-styled product image

```json
{
  "url": "https://example.com",
  "ai_style": true,
  "ai_copy": true,
  "aspect_ratio": "16:9",
  "output": {
    "format": "webp",
    "width": 1600,
    "height": 900
  }
}
```

## Natural-language prompt exploration

```json
{
  "url": "https://example.com",
  "prompt": "Create a premium browser hero screenshot with a dark glass background and soft depth",
  "show_resolved_params": true
}
```

Copy the returned `resolved_params`, remove `prompt`, and use the explicit version in production.

## Authenticated dashboard

```json
{
  "url": "https://app.example.com/dashboard",
  "project_id": "prj_01K...",
  "auth_profile_id": "ap_01K...",
  "device": "browser-macos",
  "background_style": "none",
  "wait_for": "networkidle"
}
```

## Async batch item

```json
{
  "url": "https://example.com/heavy-dashboard",
  "async": true,
  "webhook_url": "https://example.com/webhooks/screenframed",
  "device": "browser-macos",
  "background_preset": "midnight"
}
```

## Signed URL payload

```json
{
  "url": "https://example.com/pricing",
  "project_id": "prj_01K...",
  "device": "browser-macos",
  "background_preset": "dusk",
  "shadow": "float",
  "aspect_ratio": "16:9"
}
```

Use this payload as the query parameters for the signed URL flow documented in [Signed URLs](/captures/signed-urls).