shadcn-base
shadcn/ui (Base UI) — shadcn-base
Overview
This skill documents the Base UI version of shadcn/ui. Use it to navigate the official Base UI docs and the shadcn/ui Base UI component pages.
shadcn/ui is not headless. It provides styled, copy-and-own components built on top of Base UI’s headless primitives. Composition follows compound components, composition-over-inheritance, and variant-driven styling.
Primary docs:
- Docs entry point: https://ui.shadcn.com/docs
- Base UI project docs: https://base-ui.com
- Base UI skill: skills/base-ui
Important:
- Base UI vs Radix docs and the conversion rule are defined in
references/overview.md. Use that guidance instead of the Radix components index.
Start Here
- Read
references/overview.mdfor scope and doc entry points. - Use
references/components.mdto find the component you need. - Use
references/installation.mdorreferences/cli.mdto set up a project.
More from noklip-io/agent-skills
three-js
|
71react-19
>
58gsap
Use when implementing web animations, timeline sequencing, scroll-triggered animations, SVG animations, layout transitions, or using GSAP, ScrollTrigger, ScrollSmoother, SplitText, Flip, DrawSVG, MorphSVG, MotionPath, or @gsap/react useGSAP hook.
51theatre-js
Use when implementing motion design, timeline animations, visual animation editors, animating Three.js/R3F scenes, creating keyframe animations, or using Theatre.js, @theatre/core, @theatre/studio, @theatre/r3f, theatric, or building animation tooling for the web.
38payload
Use when working with Payload CMS projects (payload.config.ts, collections, fields, hooks, access control, Payload API). Use when debugging validation errors, security issues, relationship queries, transactions, or hook behavior.
36nuqs
Use when implementing URL query state in React, managing search params, syncing state with URL, building filterable/sortable lists, pagination with URL state, or using nuqs/useQueryState/useQueryStates hooks in Next.js, Remix, React Router, or plain React.
35