mediar-ai/packages/skills/skills/screenshot-annotator
packages/skills/skills/screenshot-annotator/SKILL.md
# Screenshot Annotator Capture screenshots and automatically annotate UI elements with descriptions. ## Prerequisites - Target application running - Output directory specified ## Instructions 1. Identify the target application: - Get process name from user - Verify application is running and visible 2. Capture the application window: - Take a screenshot of the full window - Save raw screenshot to output directory 3. Analyze UI elements in the window: a. Get the accessibili
$ install --global
skillsauthnpx skillsauth add mediar-ai/skillhubz packages/skills/skills/screenshot-annotatorInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 19, 2026, 4:52 AM10.0s2 files scanned
SKILL.md
Screenshot Annotator
Capture screenshots and automatically annotate UI elements with descriptions.
Prerequisites
- Target application running
- Output directory specified
Instructions
-
Identify the target application:
- Get process name from user
- Verify application is running and visible
-
Capture the application window:
- Take a screenshot of the full window
- Save raw screenshot to output directory
-
Analyze UI elements in the window:
a. Get the accessibility tree:
- Identify all interactive elements
- Note element roles (Button, Edit, Link, etc.)
- Capture element names and labels
b. Map elements to screen positions:
- Get bounding boxes for each element
- Calculate center points for annotations
-
Generate annotations:
a. For each significant element:
- Draw a numbered marker on the screenshot
- Record element details:
- Number
- Role/Type
- Name/Label
- Position (x, y)
- Size (width, height)
b. Create annotation overlay:
- Use contrasting colors for visibility
- Add leader lines if needed
- Group related elements
-
Generate documentation:
a. Create annotated screenshot image:
- Original screenshot + numbered markers
b. Create element reference:
## UI Elements 1. **Login Button** (Button) - Position: (450, 300) - Size: 120x40 - Action: Triggers login flow 2. **Username Field** (Edit) - Position: (450, 200) - Size: 200x30 - Input: Text field for username -
Save outputs:
screenshot_raw.png- Original capturescreenshot_annotated.png- With markerselements.md- Element documentationelements.json- Structured data
Error Handling
- If window not found, list available windows
- If elements overlap, use offset markers
- If window too large, capture in sections
Notes
- Useful for creating UI documentation
- Helps with test automation planning
- Can be used for accessibility audits
Related Skills
mediar-ai/tui-ui
tools
VerifiedTrustedCommunity
Design web-like user interfaces in the terminal and inside tmux with a cell-grid Canvas, CSS-like box model, flexbox/grid layout, and 15 reusable widgets such as Panel, Table, Card, ProgressBar, Meter, Tabs, Tree, Badge, Banner, and a braille line chart. Use when an agent needs a dashboard, panel, table, status page, TUI layout, tmux dashboard, screenshot-driven CLI/TUI replica, ANSI frame, truecolor render, pyte PNG screenshot smoke test, wide-character alignment, or a new terminal widget.
7SKILL.mdUpdated Jul 11, 2026
mediar-ai/drive-tui
tools
VerifiedTrustedCommunity
Drive interactive terminal (TUI) programs — CLIs, REPLs, installers, menu apps, agent CLIs, and editors like vim — through a PTY, reading semantic screen snapshots. A pattern library classifies a screen (REPL, menu, pager, fzf search, confirm dialog, form, spinner, wizard) and drives it with a ready recipe. Use when a program expects a live terminal (arrow-key menus, prompts, spinners, password fields, curses UIs), or when a piped command hangs or prints nothing.
7SKILL.mdUpdated Jul 11, 2026
mediar-ai/cmd-art
tools
VerifiedTrustedCommunity
Design and render terminal/CMD visual effects and ASCII art from a one-line request via the pluggable `fx` engine (18 hot-swappable, themeable effects plus scripted shows). Effects include donut, matrix rain, plasma, fire, a spinning 3D ball, Game of Life, wireframe cube, 3D text banners, rainbow/lolcat gradient text, starfield, tunnel, fireworks, image-to-ASCII, and more. Use when the request is for a terminal animation, ANSI/CLI art, or a new console effect. Pure Python stdlib; truecolor.
7SKILL.mdUpdated Jul 11, 2026
mediar-ai/packages/skills/skills/x-twitter-scraper
tools
VerifiedTrustedCommunity
# X Twitter Scraper Use Xquik for X/Twitter tweet search, user lookup, profile tweets, follower export, media download, monitors, webhooks, posting workflows, and MCP-backed API exploration. ## Prerequisites - A Xquik API key in `XQUIK_API_KEY`. - Internet access to `https://xquik.com/api/v1`, `https://xquik.com/mcp`, and `https://docs.xquik.com`. - A clear user request that identifies the target tweets, users, accounts, keywords, media, monitor, webhook, or write action. ## Source Truth -
6SKILL.mdUpdated May 31, 2026