Skill UI

Automated assistance for building React components, offering best practices, production-ready code generation, and validation guidance for frontend patterns like accessibility and performance optimization.

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.

A senior specialist for building modern, production-grade React applications using React 19, Server Components, and Next.js App Router. Expertise includes implementing complex state management (Redux, Zustand), optimizing performance with memoization, handling data fetching with TanStack Query, and ensuring strict TypeScript typing and accessibility standards. Ideal for architecting large-scale frontend systems.

This skill provides comprehensive patterns and templates for developing custom, reusable node components within the React Flow library. It ensures adherence to best practices by integrating proper TypeScript types and facilitating connection with global application state stores. Ideal for building complex, interactive workflow diagrams and visual programming interfaces.

This skill guides developers through modernizing React applications. It covers migrating from class components to functional components using hooks, upgrading React versions, adopting concurrent features (like Suspense), and applying automated refactoring techniques using codemods. It is essential for maintaining high-performance, modern React codebases and integrating TypeScript.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

Highlights React 19 idioms such as the new use() hook, server components, server actions, optimistic updates, suspense, error handling, and compound hooks to structure Next.js apps with streaming data, interactivity, and reusable hooks.

A comprehensive guide to modern React UI patterns. It covers best practices for managing application states, including determining when to use skeleton loaders vs. spinners, implementing robust error handling hierarchies (inline, toast, banner), and designing effective empty states. Essential for building high-quality, user-friendly components that handle asynchronous data gracefully.

Expert skill for building high-performance, memory-safe systems, web services, and complex libraries using modern Rust (1.75+). Specializes in advanced async programming with Tokio, zero-cost abstractions, and mastering ownership and lifetime rules. Ideal for implementing scalable backend APIs, low-level networking, and performance-critical components where memory safety is paramount.

Summarizes Rust systems programming best practices, covering ownership, traits, async patterns, error handling, builders, and safety reminders for building robust server components.

Guides building Apex logic, Lightning Web Components, SOQL tuning, integrations, and DX-powered deployments for Salesforce apps, with emphasis on bulk-safe, governor-friendly, and CI/CD-aware workflows.

This guide provides expert patterns for building robust and scalable applications on the Salesforce platform. It covers modern UI development using Lightning Web Components (LWC) with reactive data services, and teaches advanced Apex implementation. Key patterns include utilizing handler classes for bulkified triggers to prevent recursion and ensuring separation of concerns, crucial for high-performance, maintainable code.