Skill UI

This comprehensive skill guides the systematic optimization of end-to-end application performance across the entire stack. It covers establishing performance baselines through deep profiling (CPU, Memory, I/O), assessing observability gaps, optimizing databases, tuning backend services and APIs, and enhancing frontend rendering. Ideal for complex, scalable applications that require measurable performance improvements, reliability enhancements, and adherence to modern user experience standards.

Automates aria attribute helper support for frontend development requests by offering guidance, best practices, production-ready code/configuration, and validation whenever aria attribute helper topics or patterns are mentioned.

Automates aria attribute helper support for frontend development requests by offering guidance, best practices, production-ready code/configuration, and validation whenever aria attribute helper topics or patterns are mentioned.

A comprehensive solution for deploying multi-service, containerized applications (frontend + backend) to Azure Container Apps. This utility uses the Azure Developer CLI (azd) to manage the entire lifecycle, ensuring idempotent infrastructure provisioning, remote builds, managed identity integration, and robust environment configuration across development, staging, and production environments.

A comprehensive solution for deploying multi-service, containerized applications (frontend + backend) to Azure Container Apps. This utility uses the Azure Developer CLI (azd) to manage the entire lifecycle, ensuring idempotent infrastructure provisioning, remote builds, managed identity integration, and robust environment configuration across development, staging, and production environments.

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.

Automated Frontend Development assistant that guides bundle size analysis, optimization best practices, and production-ready code/config setup for React, Vue, CSS, and performance workflows.

Automates AWS CloudFront distribution setup with step-by-step guidance, production-ready configurations, and validation against best practices for compute, storage, networking, and serverless workloads.

A comprehensive workflow designed to orchestrate the entire lifecycle of large-scale features, from initial requirement gathering and architectural design through multi-service implementation, rigorous testing, and modern deployment strategies (e.g., canary, blue-green). Use this skill when coordinating complex, cross-functional feature delivery across frontend, backend, and data teams, ensuring quality and consistency at every phase.

Automated skill providing code splitting guidance for frontend development, covering React/Vue/CSS, modern performance and accessibility best practices, and producing validated, production-ready configurations.

This skill guides the comprehensive, multi-step rollout of CodeRabbit AI code review across an entire organization. It covers setting organization-level defaults, customizing team-specific review rules (e.g., API security, frontend performance), and automating deployment via multi-repo scripts and branch protection enforcement. Use when establishing standardized, high-quality AI code review practices company-wide.

This comprehensive template provides a production-grade reference architecture for CodeRabbit AI code reviews. It is designed to guide teams in establishing rigorous coding standards by defining specific, best-practice instructions for various layers (API, Database, Authentication, Frontend, CI/CD, Infrastructure). Use this as a robust starting point to build a comprehensive, automated, and secure code quality review process.