> For the complete documentation index, see [llms.txt](https://docs.layerlens.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.layerlens.ai/more-in-this-section-9/screenshots-1.md).

# Screenshot inventory

Screenshot inventory and capture conventions.

Screenshots live under `assets/screenshots/{surface}/` and follow a consistent naming convention.

## Surfaces

| Folder     | Surface                            | Capture method         | Auth required            |
| ---------- | ---------------------------------- | ---------------------- | ------------------------ |
| `public/`  | `stratix.layerlens.ai`             | Playwright MCP         | no                       |
| `premium/` | `stratix.layerlens.ai`             | Playwright MCP         | yes — credentials needed |
| `mobile/`  | `stratix/mobile/`                  | Local run + screenshot | varies                   |
| `vscode/`  | `stratix/vscode-extension/` v0.2.4 | VS Code + dev host     | local                    |
| `slack/`   | `stratix/slack/`                   | Workspace screenshot   | yes — workspace needed   |
| `cli/`     | terminal capture                   | terminal recording     | local                    |

## Naming

`<page-or-feature>--<theme>.png`

* `models-catalog--light.png`
* `models-catalog--dark.png`
* `compare-models-flow--light.png`

When a feature has multiple states, append a state suffix: `evaluations-empty--light.png`, `evaluations-running--light.png`.

## Capture standards

* 1440×900 viewport for desktop
* 375×812 for mobile
* Both light and dark variants where the surface supports them
* Crop to the relevant region — full-window shots are often noisy
* Use the production `stratix.layerlens.ai` and `stratix.layerlens.ai` (not staging) unless documenting a pre-release feature

## TODOs

Surfaces not yet captured for v1 of these docs:

* [ ] Stratix Premium home dashboard
* [ ] Trace upload flow
* [ ] Judge builder
* [ ] GEPA optimization run
* [ ] Mobile (full set)
* [ ] Slack (full set)
* [ ] VS Code (full set)

These pages ship with `<!-- TODO screenshot -->` placeholders until captures land.