Use this skill when the user asks to screenshot the Flutter app or a changed UI in this repository, especially when they want both desktop/large-screen and mobile/portrait previews. This project does not use Flutter Web for screenshots.
Workflow
Choose the entrypoint:
Use lib/main.dart unless a narrow preview is safer.
If a page-specific preview is needed, create a temporary entrypoint under /tmp and delete it after screenshots. Do not add preview entrypoints to the repo.
The script requires the Linux desktop Flutter target, X11, and ImageMagick import.
In WSLg or remote desktop sessions, DISPLAY may be unset even when X11 is available. If xwininfo works with DISPLAY=:0, prefix the screenshot command with DISPLAY=:0.
Use a longer --settle-seconds value when the first capture shows a loading screen; verify the captured images before copying or reporting them.
Run the script with escalated permissions when the sandbox blocks GUI launch or X11 capture.
Keep screenshots in /tmp long enough for the user to view them; clean up temporary preview Dart files when done.
1---2name: justlookatnow-pt-mate-flutter-screenshot3description: Flutter Screenshot Skill4---56# Flutter Screenshot Skill78Use this skill when the user asks to screenshot the Flutter app or a changed UI in this repository, especially when they want both desktop/large-screen and mobile/portrait previews. This project does not use Flutter Web for screenshots.910## Workflow11121. Choose the entrypoint:13 - Use `lib/main.dart` unless a narrow preview is safer.14 - If a page-specific preview is needed, create a temporary entrypoint under `/tmp` and delete it after screenshots. Do not add preview entrypoints to the repo.152. Run the bundled script from the repository root:1617 ```bash18 python3 .agents/skills/flutter-screenshot/scripts/capture_flutter_screenshots.py \19 --target lib/main.dart \20 --output-dir /tmp/pt_mate_screenshots21 ```22233. The script starts `flutter run -d linux`, locates the app window, captures:24 - `large.png` at `1280x720`25 - `mobile.png` at `393x852`264. Open both images with `view_image` before replying. Confirm they are not blank and show the expected screen.275. Reply in Chinese with both Markdown image links:2829 ```markdown30 大屏预览：31 3233 手机版预览：34 35 ```3637## Notes3839- The script requires the Linux desktop Flutter target, X11, and ImageMagick `import`.40- In WSLg or remote desktop sessions, `DISPLAY` may be unset even when X11 is available. If `xwininfo` works with `DISPLAY=:0`, prefix the screenshot command with `DISPLAY=:0`.41- Use a longer `--settle-seconds` value when the first capture shows a loading screen; verify the captured images before copying or reporting them.42- Run the script with escalated permissions when the sandbox blocks GUI launch or X11 capture.43- Keep screenshots in `/tmp` long enough for the user to view them; clean up temporary preview Dart files when done.4445---46> Source: [JustLookAtNow/pt_mate](https://github.com/JustLookAtNow/pt_mate) — distributed by [TomeVault](https://tomevault.io).47<!-- tomevault:4.0:skill_md:2026-06-15 -->
Run npx skillmds@latest add tomevault-io/justlookatnow-pt-mate-flutter-screenshot in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Flutter Screenshot Skill It is listed under Coding & Dev Tools on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.
tomevault-io