Skill UI

Orchestrates WCAG 2.2 Level A/AA scans, fixes, and verifications across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases, producing before/after diffs, contrast checks, compliance reports, and CI/CD-ready hooks.

Automates comprehensive end-to-end Quality Assurance (QA) for deployed web applications. This skill performs multi-stage testing, including smoke tests, complex user interactions (forms, authentication), visual regression checks across breakpoints, performance monitoring (Core Web Vitals), and WCAG accessibility audits.

A comprehensive guide detailing architectural patterns for developing robust Electronic Medical Record (EMR) and Electronic Health Record (EHR) systems. Covers critical areas like patient safety protocols, structured clinical workflows, drug interaction checking, audit trail implementation, and WCAG accessibility standards. Essential for building highly reliable and compliant healthcare IT solutions.

This skill focuses on building production-quality, accessible, and responsive user interfaces. It involves creating components, implementing layouts, and managing state while adhering to design systems and WCAG standards. The goal is to avoid generic AI aesthetics and ensure the UI looks like it was built by a professional engineer. It covers component architecture, state management strategies, and design system adherence for high-quality web applications.

Defines Salesforce Lightning Web Component, Aura, and Visualforce quality/security standards covering SLDS 2 styling, accessibility (WCAG 2.1 AA), data access patterns, component communication rules, XSS/CSRF protections, view state management, and Jest testing requirements for guided UI development and reviews.

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 provides a comprehensive review of UI components and codebases to ensure strict adherence to established design systems, accessibility guidelines (WCAG), and modern front-end best practices. It checks for design token compliance (e.g., semantic colors, scaled spacing), component conventions, WCAG accessibility standards (a11y), mobile responsiveness, and visual coherence across the entire application.

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.

This expert skill audits and designs user interfaces for the Apple ecosystem (iOS, macOS, watchOS, visionOS) against the official Human Interface Guidelines (HIG). It checks crucial elements like contrast ratios (WCAG standards), minimum tap-target sizes, and adherence to modern design languages like Liquid Glass. Use it when reviewing mockups or developing native-feeling Apple apps to ensure accessibility and optimal user experience.

A comprehensive, expert-level guideline for building Agentic User Interfaces (UIs). This system emphasizes conversational interactions, clear outcomes, and minimal user controls, allowing users to delegate complex tasks to AI. It provides structured rules covering color tokens, typography, accessibility (WCAG 2.2 AA), and component anatomy for professional developers and designers.

This expert simulates an experienced design system author for Ant Design, specializing in structured, enterprise-focused, data-dense web applications. It generates comprehensive, implementation-ready guidelines covering design tokens, component anatomy, interaction states, accessibility requirements (WCAG 2.2 AA), and content standards, ensuring maximal clarity and consistency for development and design teams.

This is an expert guideline for creating a modern, Vercel/GitHub-inspired application design system. It provides comprehensive, implementation-ready rules, design tokens, and best practices for building a developer-first dashboard. It covers typography, layout, component states, accessibility (WCAG 2.2 AA), and includes a structured workflow for maintaining visual consistency across the entire application.