shadcn-code-reviewReviews shadcn/ui components for CVA patterns, composition with asChild, accessibility states, and data-slot usage. Use when reviewing React components using...
Install via ClawdBot CLI:
clawdbot install anderskev/shadcn-code-reviewGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Apr 22, 2026
A team building a React application with shadcn/ui components uses this skill to review custom modifications, ensuring adherence to CVA patterns, accessibility standards, and proper composition. It helps catch issues like missing variant props or incorrect asChild usage before deployment.
Maintainers of a custom design system based on shadcn/ui employ this skill to audit component updates, verifying that new variants or changes integrate smoothly without breaking existing functionality or accessibility compliance.
An e-commerce company uses this skill to review interactive components like forms and buttons, ensuring they meet WCAG standards with proper focus states, aria attributes, and disabled handling to improve user experience and legal compliance.
Bootcamps or training programs integrate this skill to teach best practices in component design, using the checklist and references to help learners understand CVA, composition, and accessibility in real-world React projects.
Consultants assisting startups in rapid prototyping use this skill to review codebases, ensuring shadcn/ui components are correctly customized for scalability and maintainability, focusing on data-slot usage and variant composition.
Integrate this skill into a SaaS platform offering automated code reviews for React projects, charging subscription fees based on team size or usage volume. It helps clients maintain high code standards and reduce bugs.
Freelancers offer specialized code review services using this skill, billing per project or hourly to help clients optimize shadcn/ui implementations, improve accessibility, and ensure best practices in component architecture.
Provide enterprise packages including training workshops, ongoing support, and custom integrations of this skill into CI/CD pipelines, generating revenue through licensing and service contracts for large organizations.
💬 Integration Tip
Integrate this skill into CI/CD pipelines or code editors to automate reviews during development, ensuring consistent checks for CVA patterns and accessibility without manual intervention.
Scored Apr 19, 2026
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
Systematic code review patterns covering security, performance, maintainability, correctness, and testing — with severity levels, structured feedback guidance, review process, and anti-patterns to avoid. Use when reviewing PRs, establishing review standards, or improving review quality.
Coding style memory that adapts to your preferences, conventions, and patterns for consistent coding.
Provides a 7-step debugging protocol plus language-specific commands to systematically identify, verify, and fix software bugs across multiple environments.
Control and operate Opencode via slash commands. Use this skill to manage sessions, select models, switch agents (plan/build), and coordinate coding through Opencode.
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions