Skill UI

An advanced, expert-level system for generating high-fidelity design artifacts using HTML as the foundation. It emulates roles like UX Designers, Animators, and Prototypers, supporting complex workflows including design variation exploration, interactive mockups, presentation decks, and motion demos. The core methodology emphasizes strict adherence to brand assets (Logo, Product Images, UI Screenshots) and incorporates rigorous fact-checking via simulated WebSearch, ensuring all output is grounded in verifiable reality, not assumptions.

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 enables the batch conversion of UI design screenshots and exported images into functional Vue 3 components. It automatically maps visual elements to popular component libraries like Vant, Element Plus, or Ant Design Vue, providing a strong starting point for front-end development.