Skill UI

A comprehensive guide for building production-quality Android applications using Jetpack Compose. This skill covers modern architectural patterns (MVVM/MVI), robust state management with StateFlow, optimized UI rendering, type-safe navigation setup, and performance best practices (e.g., recomposition control). Use this skill when developing complex, modern Android user interfaces.

A comprehensive guide for building production-quality Android applications using Jetpack Compose. This skill covers modern architectural patterns (MVVM/MVI), robust state management with StateFlow, optimized UI rendering, type-safe navigation setup, and performance best practices (e.g., recomposition control). Use this skill when developing complex, modern Android user interfaces.

This skill provides expertise in proven backend architectural patterns, including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design (DDD). It guides users in building highly maintainable, testable, and scalable systems. Use it when designing new services, refactoring complex monoliths, establishing team standards, or planning microservice decompositions. It emphasizes defining clear boundaries and handling complex, durable workflows.

This skill provides expertise in proven backend architectural patterns, including Clean Architecture, Hexagonal Architecture, and Domain-Driven Design (DDD). It guides users in building highly maintainable, testable, and scalable systems. Use it when designing new services, refactoring complex monoliths, establishing team standards, or planning microservice decompositions. It emphasizes defining clear boundaries and handling complex, durable workflows.

A comprehensive guide to advanced frontend architectural patterns for building robust and scalable user interfaces using React and Next.js. Covers essential techniques such as Compound Components, Render Props, custom hooks (e.g., useQuery, useDebounce), and advanced state management using Context and Reducers, ensuring optimal performance and maintainability.

Maps architectural components within a codebase, computes statement-based size metrics, flags oversized or undersized modules, and generates an inventory to guide decomposition planning.

Creates step-by-step decomposition plans and migration roadmaps to guide the transition from monolithic applications to distributed architectures, prioritizing risk, value, and dependencies while tracking progress through pattern-based phases.

Frontend Patterns documents modern React and Next.js UI best practices, covering component composition, compound components, render-props, reusable hooks, and context-reducer state management to build performant interfaces.

Master the art of building robust, production-grade LLM chains using LangChain Expression Language (LCEL). This guide covers advanced composition patterns, including sequential, parallel, and conditional branching chains. It also details prompt templating, structured output parsing (JSON/Zod), and context injection, enabling the creation of complex, multi-step AI pipelines.

This skill provides a comprehensive framework for mastering microservices architecture patterns. It covers critical aspects of building robust, distributed systems, including defining service boundaries (Domain-Driven Design), managing inter-service communication, handling distributed data transactions, and implementing various resilience patterns (e.g., circuit breaker, circuit breaker). It is essential for large-scale system decomposition.

Guides building accessible Radix UI design systems using headless primitives, focusing on theming, composition, keyboard navigation and WCAG compliance for custom component libraries in React-based apps.

This guide outlines best practices for building highly flexible and maintainable React components. It addresses common architectural pitfalls, such as 'boolean prop proliferation,' by recommending advanced patterns like compound components, state lifting, and context providers. Use this when refactoring large component libraries, designing robust APIs, or reviewing component architecture, including considerations for React 19 APIs.