Skill UI

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.

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.

Automated guidance for frontend color contrast checking, activated whenever the feature is mentioned; it walks through accessibility patterns, produces production-ready code, and validates results against standards.

Helps designers explore trending Coolors palettes, capture hex codes, and map selections into Tailwind configs or curated fallbacks when the browser is unavailable, ensuring contrast and role guidance for frontend themes.