| name | screenshot |
| description | Capture a screenshot of the running WPF application UI. Use this skill when asked to see, view, capture, or screenshot the current state of the WPF application's user interface. |
Vibe Screenshot Skill
This skill captures a PNG screenshot of the currently running WPF application and saves it to the screenshots/ folder.
When to Use
Use this skill when:
- You need to see the current visual state of the WPF application
- Verifying UI changes after modifying XAML or C# code
- Debugging visual layout issues
- Documenting the application's appearance
Prerequisites
The WPF application must be running with the VibeServer extension. Start it with:
cd MyWpfApp
dotnet watch run
Usage
Run the script from the repository root:
.\.github\skills\vibe-screenshot\get-screenshot.ps1
Output
- Saves a timestamped PNG file to
screenshots/screenshot_YYYYMMDD_HHMMSS.png
- Automatically opens the screenshot for viewing
- Returns the path to the saved screenshot
Workflow Integration
After making UI changes:
- Restart the app if needed (see vibe-restart skill)
- Wait 2-3 seconds for the app to fully load
- Run this script to capture the current state
- Review the screenshot to verify changes
