Skill UI

This workflow automates the creation of step-by-step documentation guides using the TechSmith Snagit COM API and PowerShell. It first captures a series of sequential screenshots for a guide, and then uses a batch process to open and annotate these images within the Snagit Editor, ensuring consistency and efficiency in creating professional tutorials.

This guide outlines best practices and structured workflows for automating complex tasks within the Unity Editor using the Model Context Protocol (MCP). It provides programmatic methods for managing GameObjects, applying script edits, analyzing the editor state, executing batch commands, and capturing detailed, multi-view screenshots. Ideal for developers needing robust, repeatable, and automated testing or operational tasks within Unity projects.

Captures complete, full-page screenshots of any modern web page using the Chrome DevTools Protocol (CDP). Unlike standard tools, this utility handles Single Page Applications (SPAs), scrolling content, lazy-loaded images, and complex scroll containers, ensuring the entire visible content is captured in a single, high-fidelity PNG file. Ideal for documenting complex web flows and testing.

This tool automatically converts design screenshots or visual exports into structured, functional Vue 3 Composition API components. It supports popular UI libraries like Vant, Element Plus, and Ant Design Vue. By batch converting screenshots, it streamlines the development process from raw design assets to reusable, production-ready code, significantly boosting frontend development efficiency.

A powerful Python skill for adding professional callouts, arrows, and labels to various images, including screenshots, diagrams, and architecture documents. It allows users to visually highlight specific areas or changes. The advanced `annotate.py` module provides algorithmic label placement, optimizing for readability and preventing overlaps. Ideal for creating clear PR descriptions, documenting changes, or building annotated demo assets.

A comprehensive guide on embedding before-and-after screenshots directly into pull request descriptions. This skill helps reviewers visualize UI changes, layout adjustments, and data visualizations instantly, without needing to check out the branch. Includes best practices for image sizing, structured Markdown patterns, and specific API/upload guidance for Azure DevOps and GitHub.

A comprehensive skill for capturing and documenting web application and graphical UI states during the development cycle. It supports full-page captures using Playwright, reliable post-processing cropping with PIL, capturing interactive states (hovers, selections), and even handles non-web desktop applications using mss/ctypes.

Skill for working with Power BI reports using the pbir CLI. It covers exploring, building, managing, formatting, validating, and publishing reports, as well as driving Power BI Desktop for refresh and screenshots, and querying semantic models.

This skill enables users to upload local images, such as screenshots or before-and-after comparisons, directly to GitHub using the GitHub CLI. It bypasses the lack of a public image upload API by mimicking the web UI's internal attachment flow, generating canonical `user-attachments` URLs. These URLs can then be seamlessly embedded into Pull Requests, Issues, or comments from the terminal.

This utility detects and redacts sensitive personally identifiable information (PII) from screenshots and images. It can mask various data types, including IDs, credit card numbers, API keys, phone numbers, and emails. Crucially, all processing is conducted locally and offline, ensuring that sensitive data never leaves the user's machine. It is essential for secure debugging, data sharing, and analysis workflows.

A comprehensive skill for preparing all metadata and visual assets required for App Store and Google Play listings. This guide covers strict character limits for copy (name, description, keywords) and exact pixel/format specifications for assets (icons, screenshots, feature graphics). It ensures the app listing is polished, compliant, and ready for submission across multiple platforms.

A specialized presentation deck template designed for internal engineering talks, technical conferences, and deep-dive knowledge sharing. It features a professional GitHub-dark theme, JetBrains Mono coding font, and a structured layout including Cover, Agenda, main content slides (with code blocks), demo slides (terminal screenshots), and Q&A sections.