Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creating forms, dialogs, tables, sidebars, or any UI components. Covers installation, component patterns, react-hook-form + Zod validation, and dark mode setup. NOT when building non-React applications or using different component libraries.
$npx -y skills add mjunaidca/mjs-agent-skills --skill styling-with-shadcnInstalls into the current project.
Run `npx skills use "https://github.com/mjunaidca/mjs-agent-skills" --skill "mjunaidca/mjs-agent-skills/styling-with-shadcn"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/mjunaidca/mjs-agent-skills" that are relevant to the current task. Run `npx skills add "https://github.com/mjunaidca/mjs-agent-skills"` and select the relevant skills, then follow their instructions.