shadcn-syntax-menu-primitives
OfficialChoose the right shadcn Radix menu primitive
AuthorImpertio-Studio
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents common, production-breaking mistakes when implementing shadcn ui Radix menu surfaces by ensuring you pick the correct primitive family (DropdownMenu vs ContextMenu vs Menubar vs NavigationMenu) and compose it with the required structure and Next.js/RSC rules.
Core Features & Use Cases
- Correct primitive selection by interaction model: map button-click menus, right-click context menus, desktop app menus, and site mega-nav to the right shadcn primitive family.
- Safe, production-grade composition: wire the shared Radix Menu surface (Triggers, Content, Items, Groups/Labels, CheckboxItem/RadioGroup, Sub menus, Shortcut) and apply NavigationMenu’s distinct List/Item/Viewport surface.
- Guardrail against canonical failures: avoid hydration and DOM-structure issues (especially missing "use client", wrong Next.js Link patterns, missing asChild, incorrect Sub and Separator placement, and clipping/portal mistakes).
Quick Start
Ask the Skill to implement a right-click menu for a table row using shadcn ui ContextMenu, and it will produce the correct Trigger/Content structure plus the required asChild and event-handling guidance.
Dependency Matrix
Required Modules
None requiredComponents
references
đź’» Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: shadcn-syntax-menu-primitives Download link: https://github.com/Impertio-Studio/shadcn-ui-Claude-Skill-Package/archive/main.zip#shadcn-syntax-menu-primitives Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.