Alanamultiskillagent
Back to skills

shadcn-ui

development

A skill for working with shadcn/ui, a set of copy-paste React components built on Radix UI and Tailwind CSS. Components are added directly to your codebase rather than installed as a dependency, so yo

google-labs-codegoogle-labs-code
|View all google-labs-code skills →

Setup & Installation

npx skills add https://github.com/google-labs-code/shadcn-ui --skill shadcn-ui
or paste the link and ask your coding assistant to install it
https://github.com/google-labs-code/shadcn-ui
View on GitHub

What This Skill Does

A skill for working with shadcn/ui, a set of copy-paste React components built on Radix UI and Tailwind CSS. Components are added directly to your codebase rather than installed as a dependency, so you own and modify the source. Covers component discovery, installation via CLI or manual copy, theming, and composition patterns. Rather than reading shadcn docs to find the right CLI flags, peer dependencies, and copy-paste patterns each time, this skill provides component metadata and registry access directly in your editor workflow.

When to use it

  • Working with shadcn ui functionality
  • Implementing shadcn ui features
  • Debugging shadcn ui related issues

Similar Skills

android-native-dev

A reference guide for Android native development covering Kotlin/Compose patterns, Material Design 3 specs, Gradle project setup, and build troubleshooting. It defines standards for threading, state m

apollo-client

A guide for building React applications with Apollo Client 4.x. Covers setting up the client, writing GraphQL queries and mutations with hooks, configuring cache policies, managing local state with re

apollo-connectors

Helps integrate REST APIs into GraphQL supergraphs using Apollo Connectors with @source and @connect directives. It walks through schema creation, composition validation, and connector execution using

apollo-federation

Helps you write Apollo Federation 2.x subgraph schemas for composing multiple GraphQL APIs into a single supergraph. Covers entity definitions with @key, field sharing with @shareable, computed fields