component-check

Community

Enforces shadcn/ui usage in React apps.

Authormarcusta
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Validates frontend code to ensure it uses shadcn/ui components instead of raw HTML, promoting consistent UI patterns and accessibility.

Core Features & Use Cases

  • Detects raw HTML elements like <button>, <input>, and <div> that should be replaced with shadcn/ui counterparts.
  • Verifies correct shadcn/ui imports and resolves missing or incorrect component usages.
  • Generates a violation report with recommended fixes and safety-preserving changes.

Quick Start

Identify files to check and replace raw HTML with shadcn/ui components.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: component-check
Download link: https://github.com/marcusta/golf-serie/archive/main.zip#component-check

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.