Skill UI

Expert proficiency in modern Angular development (v20+). Mastery includes Signals for fine-grained reactivity, Standalone Components for modular architecture, and Zoneless applications for peak performance. Skilled in implementing SSR, Hydration, and adopting the latest reactive patterns to build highly performant, scalable enterprise frontend applications.

Expert proficiency in modern Angular development (v20+). Mastery includes Signals for fine-grained reactivity, Standalone Components for modular architecture, and Zoneless applications for peak performance. Skilled in implementing SSR, Hydration, and adopting the latest reactive patterns to build highly performant, scalable enterprise frontend applications.

A specialist in modern Angular development (v17+), focusing on standalone components, Signals, and enterprise-grade architecture. This skill covers designing complex application flows, implementing robust state management using NgRx, managing reactive patterns with RxJS, optimizing bundle performance, and ensuring high code quality through rigorous testing and adherence to best practices.

This guide provides a comprehensive roadmap for migrating legacy AngularJS (1.x) applications to modern Angular (2+). It covers essential techniques like component and directive conversion, dependency injection updates, and routing migration. Learn advanced strategies for building hybrid apps and executing safe, incremental upgrades for large-scale enterprise applications.

This comprehensive guide covers modern state management patterns in Angular, including local state using Signals, complex global state handling with NgRx, and remote data synchronization with NgRx Query. It helps developers understand when to use Signals, NgRx, or other solutions for building robust, scalable, and maintainable applications.

Modern Angular UI patterns that coordinate loading spinners, skeletons, error states, empty states, and progressive data display; designed for component builders managing async data, optimistic updates, and graceful degradation.

This skill guides the definition of comprehensive API contracts, serving as the shared interface specification between backend and frontend services. It covers defining request/response schemas, endpoint routes, TypeScript interfaces, and standardized error handling. Use it when establishing, modifying, or documenting the interaction points between different system components to ensure seamless integration and type consistency.

This skill guides the definition of comprehensive API contracts, serving as the shared interface specification between backend and frontend services. It covers defining request/response schemas, endpoint routes, TypeScript interfaces, and standardized error handling. Use it when establishing, modifying, or documenting the interaction points between different system components to ensure seamless integration and type consistency.

Artifacts Builder scaffolds Claude.ai-ready React+TypeScript projects with Tailwind/shadcn/ui, automating init and Parcel bundling into a shareable single HTML artifact for complex UI experiences.

Guides building authentication and authorization in Next.js via NextAuth, middleware protection, JWT verification, session handling, and sign-in UI for both client and server components.

Guides building authentication and authorization in Next.js via NextAuth, middleware protection, JWT verification, session handling, and sign-in UI for both client and server components.

A comprehensive guide detailing best practices for creating modern, clean, and highly maintainable user interfaces using Avalonia and Zafiro.Avalonia. It emphasizes leveraging semantic containers, defining shared styles, and utilizing generic components to dramatically reduce XAML redundancy and improve code structure. Learn to adopt patterns like Behaviors over Converters, and prevent deep nesting for optimal developer experience.