Skill UI

This skill audits a live web page against WCAG standards. It precisely locates accessibility violations, providing a detailed, selector-grounded worklist of necessary fixes without making any changes to the code. Ideal for QA engineers and developers needing a comprehensive, non-destructive report of broken accessibility elements.

A comprehensive guide covering the canonical rules for Power BI report design. It enforces consistency across design identity, visual hierarchy, color discipline, chart selection, and accessibility. Focuses on structuring reports to answer specific questions and minimizing cognitive load, ensuring data effectiveness over mere aesthetics.

A structured, multi-phase skill that systematically audits and provides actionable fixes for all four Lighthouse pillars: Performance, Accessibility, Best Practices, and SEO. It analyzes Core Web Vitals, render-blocking resources, security headers, and ARIA compliance to significantly boost site speed and quality.

Generates a comprehensive, structured audit based on WCAG 2.2 guidelines. This tool assesses UI and designs across perceivable, operable, understandable, and robust criteria, covering visual, motor, and cognitive accessibility. It produces a prioritized checklist with pass/fail assessments and specific, actionable remediation suggestions for developers and designers.

This skill provides a comprehensive, structured audit of any design system. It assesses component coverage gaps against production UI, monitors design token consistency (color, spacing, typography), evaluates documentation quality, and checks for accessibility compliance. The output includes an overall health score and a prioritized remediation roadmap, making it essential for design leadership and engineering teams maintaining shared component libraries.

Generates comprehensive and structured developer handoff annotations for any Figma screen or component. This tool transforms raw visual designs into precise, buildable specifications, covering interactions, states (loading, error, success), accessibility requirements, and edge cases, ensuring developers receive everything needed for implementation.

Runs a comprehensive, systematic QA check on Figma designs to ensure they are production-ready before handing off to engineering. The checklist rigorously evaluates file hygiene, component consistency, accessibility (WCAG AA), content completeness, and overall readiness across multiple platforms (iOS/Android/Web). Use this skill when needing to validate a design’s quality and structure to prevent costly development rework.

A comprehensive guide for implementing Monochromatic User Interfaces across Web, iOS, and Android. Learn how to achieve high elegance and strict color discipline by restricting the palette to variations (tints, tones, shades) of a single base hue. Includes detailed CSS, SwiftUI, and Flutter examples, emphasizing accessibility, texture usage, and color theory principles.

This specialized skill reviews user interface animations, motion patterns, and interactive code (CSS, Framer Motion, etc.) against a strict, high-craft standard. It evaluates not only functionality but also performance, accessibility, physical correctness, and adherence to motion design principles. Use it when reviewing diffs related to transitions, keyframes, or gestures to ensure the motion feels right, not just that it runs.

This skill generates robust, production-grade Appium automation scripts for both Android and iOS. It supports multiple languages (Java, Python, JavaScript) and guides users through best practices for cross-platform testing, including proper locator strategies, explicit waiting, and complex gestures. Ideal for automating mobile QA processes on local emulators or cloud real device farms.

Run multi-page Lighthouse audits via the Unlighthouse CLI, aggregating performance, accessibility, best-practices, and SEO scores across all routes on a site. A free, local alternative to PageSpeed Insights API quotas, ideal for CI integration, large sites, and post-deploy regression checks.

This skill guides the design, implementation, and auditing of inclusive digital products based on WCAG 2.2 standards. It covers the POUR principles and provides technical guidance for generating semantic ARIA (Web) and native accessibility traits (iOS/Android). Use it when defining UI components, auditing compliance gaps, or ensuring robust keyboard navigation and focus management.