What problem does it solve?
Flet control documentation needs up-to-date screenshots and animated GIFs, but manually capturing UI states is slow and produces inconsistent visuals. This Skill turns existing integration tests into a deterministic pipeline for generating golden screenshots and flow GIFs that docs pages can reference directly.
Core Features & Use Cases
- Deterministic Screenshot Capture: Configure page size, theme mode, and screenshot flags, then capture stable UI states using
assert_screenshot(...) for golden images.
- Animated Flow GIFs: Combine meaningful interaction states (hover, popup open, reopened state) into a single GIF with
create_gif(...) and controlled durations.
- Docs Reference Updates: Point docs front matter (
example_images) and CodeExample blocks at generated test assets instead of stale example media files.
- Use Case: When adding a new interaction test for a Material control like AppBar, use this Skill to capture the before/hover/popup states, produce an
app_bar_flow GIF, and update the control's docs page to reference the generated asset.
Quick Start
Update the AppBar integration test to capture hover and popup states, generate a flow GIF, and point the AppBar docs page at the generated golden images.
