Skill UI

This guide serves as a comprehensive reference for source-file migration patterns required when upgrading to React 19. It details critical API changes, such as updating `ReactDOM.render` to `createRoot().render()`, modernizing ref handling, and adjusting legacy context usage. It is essential for developers migrating large, existing React applications to ensure compatibility with the latest React standards.

This skill provides comprehensive guidelines and techniques for safe code refactoring. It focuses on improving code structure, readability, and maintainability without altering the external behavior or functionality of the system. Learn to address common code smells, such as long methods, duplicated logic, god objects, and primitive obsession, using established design patterns and best practices. It emphasizes that refactoring should be gradual, test-driven, and methodical.

Refactors a specified method into smaller helper routines so the cognitive complexity stays below a given threshold while keeping validation, error handling, and behavior intact.

A comprehensive template for planning large-scale, multi-file refactoring tasks. It enforces a systematic approach by requiring developers to map out the current state, target state, affected files, and execution phases (Types, Implementation, Tests). Crucially, it mandates detailed verification and a robust rollback plan to ensure code stability during major changes.

Maintains a project-specific research knowledge base that accumulates papers, ideas, experiments, and claims plus their typed relationships, enabling ingestion, queries, updates, and analytics with a compact query pack.

Acts as a senior software engineer to meticulously review and refactor entire codebases. This skill ensures that the code is clean, highly maintainable, and strictly adheres to defined coding standards and best practices specified across multiple project instruction files. It guarantees the integrity of the existing file structure and ensures all unit tests remain passing after modifications.

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.