styling-with-shadcn
✓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.
Installation
SKILL.md
Build beautiful, accessible UIs with copy-paste components built on Radix UI and Tailwind CSS.
See references/component-examples.md for complete form with Select, Textarea.
See references/component-examples.md for full DataTable with sorting/pagination.
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. Source: mjunaidca/mjs-agent-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill styling-with-shadcn- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is styling-with-shadcn?
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. Source: mjunaidca/mjs-agent-skills.
How do I install styling-with-shadcn?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/mjunaidca/mjs-agent-skills --skill styling-with-shadcn Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/mjunaidca/mjs-agent-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01