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 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 generates reusable UI components that strictly adhere to established design system conventions (e.g., StyleSeed/Toss). It enforces the use of semantic tokens, maintains accessibility standards (such as minimum touch targets and focus visibility), and ensures predictable structure, preventing ad-hoc, inconsistent markup and guaranteeing high fidelity across the entire frontend application.

This skill helps developers create structured, reusable UI layout patterns (such as grids, card sections, forms, and data lists) by composing existing primitives from a design system (StyleSeed). It is ideal for developing consistent, repeatable components across multiple pages, ensuring the design remains cohesive and scalable rather than using ad-hoc markup. Focuses on best practices for component architecture and dynamic data integration.

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 skill is designed to manage design tokens within a design system, ensuring that the source-of-truth files—including JSON manifests, CSS variables, and dark-mode values—remain perfectly synchronized. It allows users to list, safely add, or update tokens (like colors, shadows, or spacing) while automatically propagating changes across all implemented files, maintaining system integrity.

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.

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.

A comprehensive Command Line Interface (CLI) for managing the entire lifecycle of Windows applications. This skill allows developers to initialize projects, create signed MSIX packages, manage application manifests (AppxManifest.xml), handle development certificates, and access core Windows SDK build tools. It seamlessly supports building applications across various frameworks, including .NET, C++, Electron, Rust, and Tauri, ensuring cross-platform compatibility with native Windows capabilities.

This skill helps developers accurately find and explore the correct Windows API for specific platform capabilities, such as file access, camera usage, notifications, or UI controls. It searches a comprehensive local cache of WinMD metadata, providing full technical details including methods, properties, events, and enumeration values for APIs sourced from the Windows Platform SDK and WinAppSDK. It is indispensable when building complex features requiring deep integration with the Windows operating system.

This skill guides the systematic process of converting vague ideas or initial requirements into complete, detailed, and approved technical specifications. It enforces a structured workflow, including context exploration, iterative questioning, proposing multiple options with trade-offs, and creating documented blueprints. Critically, it ensures that no implementation or code writing occurs until the design has been fully vetted and formally approved by the user.