{"enrichment":{"faq":[{"a":"shadcn-code-review audits shadcn/ui and Radix-based React components against best practices for variant-driven styling, accessible state handling, and composable component architecture. It checks CVA pattern separation, asChild slot integration, focus and ARIA attributes, and data-slot targeting across multi-part components.","q":"What does shadcn-code-review audit in React components?"},{"a":"shadcn-code-review validates data-slot usage and CSS targeting in multi-part components by examining how slots are defined and applied across component parts. It ensures consistent naming conventions and verifies that CSS selectors correctly target each slot without unintended side effects or specificity conflicts.","q":"How does shadcn-code-review validate data-slot usage and CSS targeting?"},{"a":"shadcn-code-review audits focus-visible, aria-invalid, and disabled states in interactive elements. It verifies that focus indicators are visible and properly styled, that invalid states are communicated via ARIA attributes, and that disabled elements are semantically marked and visually distinct.","q":"What accessibility states does shadcn-code-review check?"},{"a":"shadcn-code-review checks asChild pattern implementation with Radix primitives and Slot, ensuring that components correctly forward refs and props to child elements. It validates that the Slot component is properly integrated and that polymorphic rendering doesn't break accessibility or styling.","q":"How does shadcn-code-review review the asChild pattern?"},{"a":"shadcn-code-review reviews shadcn components for CVA patterns, checking that class-variance-authority is used to separate concerns between base styles, variants, and compound variants. It verifies VariantProps exports and ensures variant definitions are well-organized and avoid proliferation.","q":"What CVA patterns does shadcn-code-review examine?"},{"a":"Yes, shadcn-code-review checks component composition by examining how multi-part components are structured and composed together. It validates that compound components follow established patterns, that props are properly distributed, and that the overall architecture supports reusability and maintainability.","q":"Does shadcn-code-review evaluate component composition?"}],"shadow_tags":["component-auditing","design-system-review","accessibility-validation","variant-management","composition-patterns","code-quality-gates","radix-integration","tailwind-styling","form-state-handling","slot-composition"],"summary_rewrite":"This skill audits shadcn/ui and Radix-based React components against best practices for variant-driven styling, accessible state handling, and composable component architecture. It checks CVA pattern separation, asChild slot integration, focus and ARIA attributes, and data-slot targeting across multi-part components."},"files":[{"bytes":4614,"path":"plugins/beagle-react/skills/shadcn-code-review/SKILL.md","sha256":"c97c17ba518f73217a867a24748b388a387618e98b275c63794bc03a5bc12a56","url":"https://skillfed.io/files/existential-birds/beagle/shadcn-code-review/a097f4b6/SKILL.md"}],"id":"existential-birds/beagle/shadcn-code-review","links":{"html":"https://skillfed.io/existential-birds/beagle/shadcn-code-review","md":"https://skillfed.io/existential-birds/beagle/shadcn-code-review.md","repo":"https://github.com/existential-birds/beagle"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":10,"language":"TypeScript","last_updated":"2026-07-21","license":"Apache-2.0","name":"shadcn-code-review","publisher":"existential-birds","stars":74},"relations":{"similar":[{"id":"existential-birds/beagle/shadcn-ui"},{"id":"mattbx/shadcn-skills/shadcn-component-review"},{"id":"yonatangross/orchestkit/ui-components"},{"id":"ScientiaCapital/skills/frontend-ui-skill"},{"id":"bobmatnyc/claude-mpm-skills/shadcn"},{"id":"IgorWarzocha/Opencode-Workflows/component-engineering"},{"id":"pixel-point/animate-text/tailwind-design-system"},{"id":"JosiahSiegel/claude-plugin-marketplace/tailwindcss-advanced-components"},{"id":"shep-ai/shep/shadcn-ui"},{"id":"pedronauck/skills/shadcn"}]},"slug":{"owner":"existential-birds","repo":"beagle","skill":"shadcn-code-review"},"version":"a097f4b6"}