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.