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.

This comprehensive tool suite provides programmatic automation for Todoist task management. Users can manage the entire task lifecycle, including creating, updating, completing, and deleting tasks. It also supports structured organization by managing projects and sections, and filtering tasks using advanced workflows. Ideal for integrating task management into automated business processes or applications.

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.

This skill conducts a comprehensive audit of components and pages against WCAG 2.2 AA standards. It rigorously checks for issues across perceivable (contrast, alt text), operable (focus states, touch targets), understandable (labels, error handling), and robust (semantic HTML) dimensions. It provides a list of found issues, safe autofixes that can be applied directly, and items requiring manual product judgment, ensuring polished UIs meet necessary accessibility standards.

This skill rigorously audits UI code against established design system conventions, focusing on adherence to design tokens, component ergonomics, accessibility standards, and mobile UX best practices. It ensures that the implementation is consistent with the defined style guide, providing a structured verdict and concrete, actionable fixes.

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 provides a deep audit of user experience (UX) and usability, going beyond basic visual checks. It systematically evaluates screens, flows, and components against Nielsen's 10 usability heuristics and modern mobile best practices. Use it when you need to identify structural flaws, cognitive load issues, or navigation regressions in a product design, providing prioritized issues, violated heuristics, and concrete remediation steps.

This skill helps enhance the robustness of data-dependent user interfaces (UIs) by implementing the four critical feedback states: loading, empty, error, and success. It ensures that applications provide clear, graceful, and actionable feedback regardless of data fetching status, making the product reliable and user-friendly.

Implements verification gates as explicit phase checkpoints, producing acceptance checklists, CI gate configs, and manual approval rules so teams catch defects before phase transitions, covering requirements, design, implementation, integration, and deployment.

This skill provides comprehensive guidelines for contributing and managing commands within VS Code extensions. It covers crucial best practices, including naming conventions, defining visibility (e.g., Command Palette vs. Side Bar), and structuring commands for optimal user experience. Use this when adding, updating, or understanding the architectural requirements for extension commands.

This guide provides comprehensive guidelines for localizing all aspects of VS Code extensions. It covers best practices for handling configurations (settings, commands, menus), user-facing string resources, and walkthrough content. Developers can use this skill to ensure their extensions are properly adapted and functional for multiple languages.

This tool reviews user interface (UI) code files to ensure compliance with established Web Interface Guidelines and best practices. Use it when auditing design, checking accessibility, or performing general code reviews to meet industry standards and improve overall product quality. It fetches the latest rules and outputs detailed findings.