| name | app-setup |
| description | Step-by-step Playwright MCP instructions for loading layouts and installing extensions in the Lichtblick web app before taking screenshots. |
App Setup
Prepares the Lichtblick web app for documentation screenshots by loading a
layout or installing an extension via Playwright MCP.
Run these steps after verifying the app is running at http://localhost:8080
(see the screenshot-workflow skill) and before taking any screenshots.
Load a Layout
-
Open the layout menu
Use browser_snapshot to inspect the page, then click the layout name shown
in the top navigation bar (it displays the current layout name, e.g. Default).
browser_click → layout name button in the top bar
-
Open the import dialog
In the layout panel that appears, click Import from file….
browser_click → "Import from file…" menu item
-
Upload the layout file
A file picker will open. Use browser_file_upload with the absolute path to
the chosen layout file:
paths: ["<absolute-path-to-docs>/sample-data/layouts/<chosen-layout>.json"]
-
Confirm the layout loaded
Use browser_snapshot to verify the layout name in the top bar has changed
to match the imported layout. If the app shows an error, check that the JSON
file is a valid Lichtblick layout export.
Install an Extension
-
Open the Extensions panel
Click the icon in the left sidebar (puzzle-piece icon), or
open it via the top-right app menu → .
