Configure shadcn/ui components and theming across Next.js, Vite, and Astro projects.
npx skills add https://github.com/namhoangg/agent-starter-kit --skill shadcn-namhoangg
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/namhoangg/agent-starter-kit/tree/main/cursor/skills/shadcn Command: npx skills add https://github.com/namhoangg/agent-starter-kit --skill shadcn-namhoangg
shadcn/ui setup and usage can be intricate due to interactive prompts, base library choices, and registry workflows. This skill provides expert guidance, best practices, and AI agent-ready instructions to configure shadcn/ui accurately across frameworks.
Initialize a project with the shadcn CLI in defaults mode and then extend it by adding components and configuring registries.
High-intent search queries and answers about installing and using this skill.
To initialize shadcn/ui non-interactively for CI agents, you can run the CLI in defaults mode to bypass interactive prompts and automatically apply base and radix theming configurations.
The best way to add and configure shadcn/ui components is by using the CLI to register components, update theming defaults, and configure registries according to CLI v4 patterns.
Yes, shadcn/ui works across Next.js, Vite, React Router, Astro, Laravel, and TanStack Start projects, providing framework-specific guidance for initialization and component registration.
To migrate from base-ui to radix in shadcn/ui, follow the provided expert guidance to transition your theming defaults and component patterns to align with radix options.
shadcn/ui setup requires specific base library choices because the framework relies on base and radix options for theming defaults, ensuring proper component styling and registry alignment.
Yes, you can use shadcn/ui with TanStack Start and AI Elements, as the configuration guidance ensures compatibility across these frameworks for UI initialization and theming.
arthtyagiConfigure shadcn/ui components and registries across supported frameworks.
AradotsoInstall themed shadcn/ui components from Better Design registries via shadcn CLI.
liamtran96Implement shadcn/ui components in React projects with Tailwind and Radix.
oakossGenerate accessible React UI components with shadcn/ui and Tailwind CSS 4.
