yourssh-screenshots

Capture Flutter UI screenshots of all feature screens via integration tests.

38|14|Updated May 29, 2026
One-click install
npx skills add https://github.com/YoursshLabs/yourssh --skill yourssh-screenshots
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: yourssh-screenshots
Source: https://github.com/YoursshLabs/yourssh/tree/main/.claude/skills/yourssh-screenshots
Command: npx skills add https://github.com/YoursshLabs/yourssh --skill yourssh-screenshots

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Captures screenshots of every YourSSH feature screen using Flutter integration tests (render tree — no macOS Screen Recording permission needed). Saves PNGs to screenshots/<group>/, then updates README.

Core Features & Use Cases

  • Automated feature-screen capture: runs Flutter integration tests to render each screen and save PNGs under screenshots/<group>/, then updates the README with the new references.
  • README synchronization: keeps the repository docs in sync with UI changes by listing the latest screenshot assets.
  • Organized output: groups screenshots by feature area (e.g., 01-terminal-ssh, 02-sftp) for easy review and comparison.

Quick Start

Execute the integration test suite to capture all feature screenshots for macOS and update the repository README accordingly.

Frequently Asked Questions about yourssh-screenshots

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Flutter UI screenshots for integration tests on macOS?

Automate Flutter UI screenshots by running integration tests that render each screen and save PNGs to a grouped directory. This approach uses the Flutter render tree, bypassing the need for macOS Screen Recording permission.

Do I need macOS Screen Recording permission to capture Flutter integration test screenshots?

No, macOS Screen Recording permission is not needed for Flutter integration test screenshots. The process captures the render tree directly, avoiding system-level screen capture requirements and permission prompts.

How do I keep README documentation synchronized with Flutter UI screenshot updates?

Keep README documentation synchronized by automatically updating it with new references after capturing Flutter UI screenshots. The process saves PNG assets to a grouped directory and reflects the latest visual state in the docs.

Can I organize Flutter integration test screenshots by feature area for regression testing?

Yes, you can organize Flutter integration test screenshots by feature area. The output is grouped into directories like terminal SSH or SFTP, making it easy to review and compare visual changes during regression testing.

What is the best way to capture every Flutter feature screen for visual verification?

The best way to capture every Flutter feature screen is running integration tests that render the full UI. This generates organized PNG outputs for visual verification, supporting UI changes, feature rollouts, and regression testing.

What limitations exist when using Flutter integration tests for UI screenshot capture?

Limitations include requiring the Flutter integration_test framework and a macOS environment. The process captures the render tree rather than the final OS-level rendered window, which may not reflect platform-specific visual styling.