Skill UI

This skill systematically reviews test code to identify and correct common anti-patterns. It detects issues such as flaky tests, overly mocked dependencies (over-mocking), brittle assertions, excessive test size (The Giant), and structural dependencies. It explains the flaw, provides best practices, and suggests refactored, reliable implementations, helping maintain high test quality and stability.

Process videos, audio, images, and documents on Transloadit’s cloud using 86+ robots to encode formats, generate thumbnails, resize/watermark, run OCR, speech-to-text, moderation, and chain multi-step pipelines for scalable media automation.

A comprehensive scaffold generator for building Model Context Protocol (MCP) servers using TypeScript and Node.js. This tool provides a complete, production-ready boilerplate, including proper project structure, dependency management (e.g., @modelcontextprotocol/sdk, zod), and implementation details for tools and resources. It supports both HTTP and stdio transport mechanisms, ensuring type safety, robust error handling, and best practices for modern backend development.

Provides a comprehensive audit of a UI component or page to ensure WCAG 2.2 AA accessibility compliance. This tool systematically checks for critical issues like insufficient color contrast, poor keyboard navigability, missing alt text, and non-semantic HTML usage. It helps developers integrate robust accessibility checks directly into their design system workflow, improving product usability for all users.

This skill scaffolds the complete boilerplate structure for a new mobile screen or page. It ensures that the resulting component adheres to established design system patterns, including Top Bars, Bottom Navigation, and standard content shells. Use it when starting a new dedicated mobile view and needing immediate adherence to design tokens and layout rules.

This skill allows users to generate structured and composed UI patterns—such as card sections, multi-column grids, forms, and data tables—by combining established design system primitives. It ensures consistency and reusability by adhering to defined layout rules, making complex UI development systematic and efficient.

A comprehensive guide for writing and reviewing robust, behavior-first unit tests for Vue 3, TypeScript, and Pinia stores. This skill covers advanced patterns for testing components, composables, and state management using Vitest and Vue Test Utils, emphasizing black-box assertions and minimizing implementation coupling.

Automates updating Azure Verified Modules referenced in Bicep files to their latest released versions, guiding scan, version comparison, documentation checks, and validation workflows while limiting reports to non-breaking changes.

Automatically update implementation plan files to reflect new requirements, ensuring structured, machine-readable phases with explicit tasks and validation criteria for AI agents to execute deterministically.

This guide provides a comprehensive template and best practices for updating technical specification files. It ensures that the resulting documentation is structured, unambiguous, and highly optimized for consumption by Generative AI models. Use this process when refining system requirements, updating interfaces, or documenting architectural changes to maintain machine-readable standards.

This skill guides the implementation of essential user feedback states—Loading (Skeleton), Empty (Zero Data), Error, and Success—for data-dependent components or entire pages. It ensures a robust and polished user experience by providing structured, best-practice patterns for handling various data scenarios, preventing visual gaps or dead ends in the UI flow.

This skill assists in designing comprehensive, user-centric flow maps and navigation architectures. It adheres to established UX principles, such as Progressive Disclosure, Miller's Law, and Hick's Law, ensuring optimal user journeys. Use it to map out the structural connections, screen inventory, and edge case handling for a product feature, creating a scaffolded blueprint before visual implementation.