Skill UI

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.

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.

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 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 skill provides comprehensive, expert-level guidelines for authoring robust design systems. It covers foundational style tokens, strict accessibility requirements (WCAG 2.2 AA), and detailed component anatomy (states, variants, interaction behavior). Use this to create implementation-ready documentation that ensures visual consistency and optimal user experience across all digital platforms.

This skill generates expert, implementation-ready design system guidelines based on the Brutalism aesthetic. It covers foundational elements like color, typography, and spacing, while enforcing rigorous rules for accessibility (WCAG 2.2 AA) and component consistency, providing actionable standards for engineers and designers.

Provides comprehensive, expert-level guidelines for building a cozy, cafe-inspired UI design system. It covers style foundations (color, typography, spacing), component anatomy, accessibility (WCAG 2.2 AA), and content tone. Ideal for engineers and designers collaborating on a cohesive, user-centric product experience.

A comprehensive technical and aesthetic guide for building a modern, high-contrast user interface. This system defines foundational constraints, including color tokens, typography scales, and spacing grids, while rigorously ensuring WCAG 2.2 AA accessibility standards. It provides structured rules for component states, interactions, and development workflow to ensure consistency and superior user experience.

An expert guide for creating comprehensive, implementation-ready design system documentation. This skill generates structured guidelines covering design tokens, typography, spacing, component anatomy, interaction states, and WCAG accessibility criteria, ensuring consistency and quality for developers and designers.

This skill functions as an expert guide for creating comprehensive, implementation-ready design systems. It covers foundational elements like color tokens, typography, and spacing, while strictly adhering to accessibility standards (WCAG 2.2 AA) and defining structured workflows for designers and engineers. Ideal for establishing robust, scalable, and aesthetically premium UI guidelines.

This skill provides comprehensive, expert guidelines for building a robust and accessible Glassmorphism design system. It offers actionable rules for engineers and designers, covering style foundations (typography, color, spacing), component anatomy, state management, and WCAG 2.2 AA accessibility requirements. Use it to ensure visual consistency, high performance, and modern elegance across all platforms.

Act as an expert guide for architecting comprehensive, implementation-ready design systems tailored for luxury brands. This skill generates structured guidelines covering style foundations, design tokens, component anatomy, state management, and rigorous accessibility criteria (WCAG). It ensures consistency, adherence to a high-end visual aesthetic, and provides actionable, code-review-ready documentation.