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 Jun 29, 2026
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...