components▌

symfony:twig-components

Comprehensive patterns for building accessible UI component libraries with shadcn/ui and Radix Primitives. Covers CVA variants, OKLCH theming, cn() utility, component extension, asChild composition, dialog/menu patterns, and data-attribute styling. Each category has individual rule files in rules/ loaded on-demand.

This skill helps you connect Figma design components to their corresponding code implementations using Figma's Code Connect feature. It analyzes the Figma design structure, searches your codebase for matching components, and establishes mappings that maintain design-code consistency.

Layout and component patterns for SwiftUI apps targeting iOS 26+ with Swift 6.3. Covers stack and grid layouts, list patterns, scroll views, forms, controls, search, and overlays. Patterns are backward-compatible to iOS 17 unless noted.

Self-contained mini-backends that bundle schema, functions, and data with clear API boundaries. \n \n Components encapsulate features like storage, payments, and notifications as reusable backend modules, reducing monolithic code and improving maintainability \n Sibling components pattern allows multiple components to work together at the same level, with the main app orchestrating calls across them \n Official component library includes authentication, storage, payments, AI, and utility compone

Provide comprehensive guidance for choosing between Server Components and Client Components in Next.js App Router, including cookie/header access, searchParams handling, pathname routing, and React's 'use' API for promise unwrapping.

Use components from your core library instead of raw platform components. This ensures consistent styling and behavior.

You are an expert in styled-components, CSS-in-JS patterns, and React component styling.