Skills
.Work. You
Rest

shadcn-detection

Community

Detect shadcn/ui primitive library.

Software Engineering#component library#shadcn/ui#frontend development#radix ui#base ui#primitive detection
Authorfusengine
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automatically determines whether a project uses Radix UI or Base UI as its underlying primitive library for shadcn/ui components, preventing integration issues.

Core Features & Use Cases

  • Primitive Identification: Analyzes package.json, components.json, import statements, and data attributes to accurately identify the primitive library.
  • Package Manager Detection: Detects the project's package manager (npm, yarn, pnpm, bun) for correct command execution.
  • Use Case: Before adding new shadcn/ui components to a React project, run this skill to confirm if you should expect Radix UI's asChild prop or Base UI's render prop, ensuring compatibility.

Quick Start

Run the shadcn-detection skill to identify the primitive library used in the current project.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: shadcn-detection
Download link: https://github.com/fusengine/agents/archive/main.zip#shadcn-detection

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.