Skill UI

Guides setting up Microsoft Fluent UI Blazor components, ensuring providers/services registrations, handling icon packages, binding lists and autocomplete, plus using dialog and toast services in Blazor apps.

Generates HTML5 Canvas-based breadboard mockups and diagrams for retro computing builds, showing component placement, wiring, and labeled 6502/555 timer layouts as visual references or teaching aids.

Guides creation or updates of object-oriented component documentation by analyzing code or existing docs, then applying C4/Arc42/IEEE templates to capture architecture, interfaces, and quality traits.

A comprehensive reference for diagnosing and fixing silent breaking changes in React 18 class components. This guide covers how React 18 automatically batches state updates in asynchronous contexts (e.g., setTimeout, Promises, async/await), providing patterns for handling state reads after awaiting, and offering guidance on when to correctly use `flushSync` versus refactoring.

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.