shadcn-syntax-command

What problem does it solve?

This Skill prevents common production breakages when implementing shadcn ui’s Command (cmdk) command-palette/combobox patterns, especially around filtering, controlled state, keyboard shortcuts, and correct composition.

Core Features & Use Cases

• Correct shadcn Command composition: assemble the nine primitives (Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut) into working palettes.
• Deterministic filtering behaviors: choose the right mode for client-side fuzzy filtering vs server-side/async filtering using shouldFilter={false} and manual query/items management, including CommandLoading.
• Production guardrails against known failures: enforce unique value props, correct filter callback arity (value, search, keywords), proper Cmd+K hotkey registration cleanup, and include CommandEmpty so zero results don’t look “broken.”
• Dialog/Popover decision support: pick between CommandDialog (global modal launcher) and inline/popover usage for anchored triggers and sub-page navigation.

Quick Start

Ask for a robust Cmd+K CommandDialog palette in shadcn ui evergreen-2026 with async server-side search using shouldFilter={false}, unique CommandItem value keys, CommandEmpty for zero results, and a correctly cleaned-up global keydown listener.