apply-shadcn

Installation
SKILL.md

Overview

This skill applies shadcn/ui components to React pages and components while integrating with the project's custom theme defined in frontend/src/index.css.

When to Use This Skill

Use this skill when the user requests to:

  • Style specific pages with shadcn/ui components
  • Apply shadcn/ui to a list of components
  • Add shadcn/ui styling to authentication pages, navigation, or other UI elements

The user will provide either:

  • A list of page/component names to style (e.g., "Style Login.jsx, SignUp.jsx, and NavBar.jsx")
  • A category of pages to style (e.g., "Style all authentication pages")

Workflow

Step 1: Create a Todo List

Installs
1
GitHub Stars
1
First Seen
Mar 5, 2026
apply-shadcn — otoshek/claude-code-toolkit