Skill UI

A comprehensive guide for building production-quality, highly accessible, and responsive user interfaces. Covers advanced topics including component architecture (composition over configuration), robust state management patterns (Context, Redux, Server State), adherence to design systems, and meeting WCAG accessibility standards. Use this skill when developing or refining complex user-facing components that require professional polish and maintainability.

This skill helps refine vague, raw ideas into sharp, actionable concepts. It guides users through structured divergent thinking (expanding options, generating variations) and convergent thinking (stress-testing assumptions, clustering directions). The process culminates in a detailed one-pager including Problem Statements, MVP Scope, and key assumptions to validate, ensuring focus and clarity before development.

Build interconnected Excel financial models (income statement, balance sheet, cash flow, DCF, cap table, scenarios) driven by an assumptions sheet so each output updates automatically from provided inputs.

This skill guides the use of Patrol for writing robust End-to-End (E2E) and integration tests in Flutter. It is essential for validating complex user flows, interactions with native APIs (like permissions or deep links), and ensuring cross-platform consistency across Android, iOS, and Web. It helps capture UI regressions and validates the entire application state.

This skill acts as an advanced extension layer, implementing a self-evolution protocol, maintaining session state continuity (Compaction), and providing KPI-style performance summaries. It allows users to simulate continuous professional development, track metrics, and master complex role-playing and interaction skills across multiple sessions, ensuring performance baselines are continuously adjusted and internalized.

This comprehensive guide teaches the correct usage of the Flutter `provider` package for state management. It covers setting up various provider types (immutable, mutable, future, stream) and emphasizes best practices for consuming state safely using `context.watch`, `context.read`, and `Selector`. Learn how to use `ProxyProvider` for dependency injection and maintain robust, scalable Flutter applications.

Master advanced state management using Riverpod in Flutter and Dart. This guide covers setting up providers, defining different provider types (Future, Stream), utilizing reactive reading (ref.watch) and one-time access (ref.read), handling lifecycles, combining providers, and implementing proper testing strategies. Learn best practices for building scalable and maintainable Flutter applications.

This comprehensive guide outlines best practices for developing high-quality, idiomatic, and maintainable enterprise applications using Kotlin and Spring Boot. It covers architectural patterns, dependency injection using primary constructors, managing state with data classes, implementing robust RESTful APIs, handling transactions, and leveraging Kotlin features like null safety and Coroutines for asynchronous programming. It also provides guidance on modern testing strategies (Kotest, Testcontainers).

This guide provides comprehensive patterns for migrating Enzyme unit tests to React Testing Library (RTL), especially when upgrading to React 18. It emphasizes the crucial philosophical shift from testing internal implementation details (like state or props) to asserting visible user behavior. Learn best practices for rewriting shallow/mount/simulate calls into modern, accessible, and resilient RTL queries, ensuring your tests reflect how a user genuinely interacts with the component.

Provides a comprehensive reference for migrating deprecated and unsafe class component lifecycle methods (such as componentWillMount, componentWillReceiveProps, and componentWillUpdate) to modern, React 18 compliant patterns. This guide is essential when updating legacy codebases, helping developers correctly identify the semantic purpose of the method and choose the correct replacement hook (e.g., componentDidMount or getDerivedStateFromProps), thus preventing common migration errors.

This tool automates the entire workflow of creating a GitHub Pull Request (PR) directly from a structured specification file. It analyzes the template, extracts requirements, checks for existing PRs, creates the draft, updates the body and title with specification details, and finally transitions the PR state to 'Ready for Review'. This significantly streamlines the feature request submission process, ensuring all necessary documentation and metadata are included.

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.